ISCROLL - 技术教程文章

移动端日期及选择插件mobiscroll【代码】【图】

在很多的form表单中,我们经常会用到日期插件,这类插件比较多,这里推荐一个很好用的移动端日期插件:mobiscroll  首先引入插件相关文件<link href="css/mobiscroll.css" rel="stylesheet"/><link href="css/mobiscroll_date.css" rel="stylesheet"/><script src="js/jquery.min.js"></script><script src="js/mobiscroll_date.js"></script><script src="js/mobiscroll.js"></script>  找到需要插入的日期元素div<input styl...

jQuery Mobile 移动开发中的日期插件Mobiscroll使用说明【代码】【图】

近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊。日期插件JQM也提供了内置的,但样式方面不好看,只好百度、Google啦,找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3jqueryMobileDatebox 这个在板上的表现不好,性能方面有点卡mobiscroll 性能方面比前者要好一些,效果更简洁 ,划动更流畅放在一起对比下各位看官,你们觉得哪个好看一些...

在React中引入IScroll插件做滚动【代码】

最近做一个H5项目,数据交互量比较大,很多页面都是从后台拿过来数据做一个列表显示,这自然就遇到了滚动。刚开始我直接使用css做法,直接添加overflow: scroll;但在微信端用户滑动会直接将整个页面拖动,露出顶部的域名和底部的黑色背景。用户反映体验不好,要改……好吧,自己动手。但这并不是好改的,因为在React中都是构建的是虚拟DOM,直接操作DOM也会对性能有一定影响。这时候网上搜了一下,拿出一个解决方案,献出部分代码:...

UIScrollView常用的小命令

//滚动视图 经常用来显示一屏不能够显示完全的内容 UIScrollView *sv = [[UIScrollView alloc] init]; //设置滚动视图的显示大小 sv.frame = CGRectMake(30, 40, 250, 320); //设置滚动视图内容的大小 sv.contentSize = CGSizeMake(250 * 15, 320 * 2); sv.backgroundColor = [UIColor lightGrayColor]; //设置滚动视图的弹动效果,默认为YES sv.bounces = YES; //设置显示水平滚动指示条是否显示,...

IOS总结:UIScrollView不能滚动的几种可能性

UIScrollView不能滚动,请检查以下几点,当然还有更多,需要在不断的开发经验中总结:1. 没有设置contentSize.2. scrollEnabled =NO 了。3. 没有收到触摸事件,因为UIScrollView继承自UIView,如果让UIView的 UserInteractionEnabled如果为NO,说明不可与用户交互,也是不可滚动的。4. 没有取消autolayout功能。其他的以后再添加吧,如果您有总结,可以写在下面,谢谢!。。。原文:http://blog.csdn.net/xuejunling/article/detai...

滚动视图UIScrollView

int i;@interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; self.myScrollV = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, WIDTH, HEIGHT)]; self.myScrollV.backgroundColor = [UIColor whiteColor]; self.myScrollV.contentSize = CGSizeMake(WIDTH * 4, HEIGHT / 4); self.myScrollV.delegate = self; [self.view addSubview...

03-UIScrollView【图】

原文:http://www.cnblogs.com/ioscxy/p/4005476.html

UIScrollView的属性总结

contentSize是scrollview可以滚动的区域,比如frame = (0 ,0 ,320 ,480) contentSize = (320 ,960),代表你的scrollview可以上下滚动,滚动区域为frame大小的两倍。 contentOffset是scrollview当前显示区域顶点相对于frame顶点的偏移量,比如上个例子你拉到最下面,contentoffset就是(0 ,480),也就是y偏移了480 contentInset是scrollview的contentview的顶点相对于scrollview的位置,例如你的contentInset = (0 ,100),那么你的co...

IScroll的诞生和缺点

转自http://lhdst-163-com.iteye.com/blog/1239784iscroll.js是Matteo Spinelli开发的一个js文件,使用原生js编写,不依赖与任何js框架。旨在解决移动webkit系浏览器的区域滚动问题,兼容mobile safari、Android默认浏览器、safari、chrome、firefox5+、opera11+、IE9+及其他webkit核心浏览器。最新版本为iscroll4。 官方网站:iscroll4 iscroll的用武之地 1.区域滚动 我们在pc端web开发中,有时会用固定某一区域的宽度和高度,然后...

UIScrollView的其他属性

@property(nonatomic) BOOL bounces;设置UIScrollView是否需要弹簧效果 @property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled; 设置UIScrollView是否能滚动 @property(nonatomic) BOOL showsHorizontalScrollIndicator;是否显示水平滚动条 @property(nonatomic) BOOL showsVerticalScrollIndicator;是否显示垂直滚动条原文:http://www.cnblogs.com/tanky/p/5703664.html

UIScrollView文档

#import <Foundation/Foundation.h>#import <CoreGraphics/CoreGraphics.h>#import <UIKit/UIView.h>#import <UIKit/UIGeometry.h>#import <UIKit/UIKitDefines.h> typedef enum { UIScrollViewIndicatorStyleDefault, // black with white border. good against any background UIScrollViewIndicatorStyleBlack, // black only. smaller. good against a white background UIScrollViewIndicatorStyleWhite...

iScroll.js和Swiper.js联合使用时的插件冲突(滑动冲突)【图】

上面的截图 ,是手机端的一个滑动刷新效果.用的是scroll.js插件.每项中又有一个滑动,是左右滑动的用swiper.js插件,查看每个班级的信息.当手从swiper上开始滑动的时候,整个scroll就显得很不灵敏.各种调试,各种alert终于把问题定位在swiper.js的touchend上.touchend没有冒泡到scroll上,但是touchstart,toucnmove是有冒泡到scroll上的.找了好久都没有找到哪里阻止了冒泡.最后想到一个办法,就是在swiper的touchend上调用scroll的touchen...

iscroll-lite.js源码注释【代码】

/*! iScroll v5.1.2 ~ (c) 2008-2014 Matteo Spinelli ~ http://cubiq.org/license */ (function (window, document, Math) {//请求动画帧var rAF = window.requestAnimationFrame ||window.webkitRequestAnimationFrame ||window.mozRequestAnimationFrame ||window.oRequestAnimationFrame ||window.msRequestAnimationFrame ||function (callback) { window.setTimeout(callback, 1000 / 60); }; //...

UIScrollView不能响应touch事件的解决办法

UIScrollView本身事是不支持touch的,我们可以给她添加拓展#import "UIScrollView+util.h" @implementation UIScrollView (util)-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ [[self nextResponder] touchesBegan:touches withEvent:event]; [super touchesBegan:touches withEvent:event];}-(void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ [[self nextR...

iOS下uiview和uiscrollview设置背景图片的源码

1.uiscrollview 设置背景图片// Setup the Scroll ViewUIScrollView*tempScrollView=(UIScrollView*)self.view;tempScrollView.contentSize=CGSizeMake(320,720);// Set Stationary Background, so that while the user scroll the background is// fixed.UIImage*img =[UIImage imageNamed:@"bg-body.jpg"];[tempScrollView setBackgroundColor:[UIColor colorWithPatternImage:img]];2. uiview 设置背景图片self.view.background...

IOS UIScrollView中的内容不显示

下午的时候发现一个xib页面在4s中显示不全,于是开始添加滚动条,话说也是第一次添加,各种不熟练,结果添加完发现内容不显示,然后各种找资料各种测试,最终发现我把UIScrollview中作为content的View的透明度设为了0。  为什么要设为0呢?因为往content中添加控件的时候添加进去就一下看不见了,以为是被遮挡了,于是就把这个conten的透明度设为了0,其实不是遮挡,是因为在ScrollView中Conten只设置边距约束的话,他的大小就变...

UIScrollView

?UIScrollView ?掌握?UIScrollView的常见属性??UIScrollView的常用代理方法??UIScrollView的缩放??UIScrollView和UIPageControl的分页??NSTimer的使用?作业?将喜马拉雅和图片轮播器结合在一起??制作一个app的新特性界面?什么是UIScrollView?移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限??当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容??普通的UIView不具备滚动功能,不能...

用Iscroll实现下拉刷新的简单方法【代码】

用Iscroll实现下拉刷新的简单方法:  基本步骤分三步:    1、开始滚动=== scrollStart2,滚动过程中 === scroll3、停止滚动=== scrollEnd  注意:在内容滚动时触发,只有在iscroll-probe.js 版本中有用。 1 <!DOCTYPE html>2 <html>3 <head lang="en">4 <meta charset="UTF-8">5 <title>移动端的触摸滚动</title>6 <style>7 *{8 box-sizing: border-box;9 margin: 0;10 ...

UIScrollView属性全总结

属性 作用 CGPoint contentOffSet 监控目前滚动的位置 CGSize contentSize 滚动范围的大小 UIEdgeInsets contentInset 视图在scrollView中的位置 id<UIScrollerViewDelegate> delegate 设置协议 BOOL directionalLockEnabled 指定控件是否只能在一个方向上滚动 BOOL bounces 控制控件遇到边框是否反弹 BOOL alwaysBounceVertical 控制垂直方向遇到边框是否反弹 B...

关于UIScrollView事件

- (BOOL)touchesShouldCancelInContentView:(UIView *)view ParametersviewThe view object in the content that is being touched.view 这个view对象已获取到touched事件Return ValueYES to cancel further touch messages to view, NO to have view continue to receive those messages. The default returned value is YES if view is not a UIControl object; otherwise, it returns NO.返回YES 在这个view上取消进一步的touch...

UIScrollView实现图片放大、缩小

UIScrollView实现图片放大、缩小一、在storyboard中添加Scroll View或者用懒加载创建UIScrollView- (UIScrollView*)scrollView { if(_scrollView== nil) { _scrollView= [[UIScrollViewalloc]initWithFrame:self.view.bounds]; // 设置代理 _scrollView.delegate= self; // 设置最大/最小缩放比例 _scrollView.maximumZoomScale= 2.0; _scrollView.minimumZoomScale= 0.2; ...

iOS开发UI篇—UIScrollView控件实现图片缩放功能【代码】【图】

一、缩放1.简单说明:有些时候,我们可能要对某些内容进行手势缩放,如下图所示 UIScrollView不仅能滚动显示大量内容,还能对其内容进行缩放处理。也就是说,要完成缩放功能的话,只需要将需要缩放的内容添加到UIScrollView中2.缩放原理当用户在UIScrollView身上使用捏合手势时,UIScrollView会给代理发送一条消息,询问代理究竟要缩放自己内部的哪一个子控件(哪一块内容)当用户在UIScrollView身上使用捏合手势时,UIScrollView会...

UIScrollView 原理详解

UIScrollView 原理详解ScrollView UIScrollView UIScrollView为了显示多于一个屏幕的内容或者超过你能放在内存中的内容。 Scroll View为你处理缩小放大手势,UIScrollView实现了这些手势,并且替你处理对于它们的探测和回应。其中需要注意的子类是UITableView以及UITextView(用来显示大量的文字)。还有一个UIWebView,尽管那不是UIScrollView的直接子类,它适用UIScrollView去显示网页内容 co...

iOS UI基础-7.0 UIScrollView【代码】【图】

概述移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限.当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容,普通的UIView不具备滚动功能,不能显示过多的内容。UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容UIScrollView的常见属性UIScrollView的常用代理方法UIScrollView的缩放UIScrollView使用基本使用UIScrollView的用法很简...

UIScrollView的属性总结

UIScrollView的属性总结属性作用CGPoint contentOffSet监控目前滚动的位置CGSize contentSize滚动范围的大小UIEdgeInsets contentInset视图在scrollView中的位置id<UIScrollerViewDelegate>delegate设置协议BOOL directionalLockEnabled指定控件是否只能在一个方向上滚动BOOL bounces控制控件遇到边框是否反弹BOOL alwaysBounceVertical控制垂直方向遇到边框是否反弹BOOL alwaysBounceHorizontal控制水平方向遇到边框是否反弹BOOL ...

基本控件文档-UIScrollView

<DIV style=‘left: 0px; top: 0px; right: 0px; color: rgb(51, 51, 51); line-height: 20px; overflow: visible; font-family: "Open Sans", helvetica, sans-serif; font-size: 14px; margin-bottom: 0px; border-bottom-width: 0px; position: fixed; z-index: 1030;‘ class="navbar navbar-fixed-top"> CHENYILONGBlog

ios开发之UIScrollView的三个属性介绍

contentSize 属于CGSize类型,CGSizeMake(width,height),宽度决定了UIScrollView滚动的水平距离,height决定了UIScrollView滚动的纵向距离,contenSize属性如果不设置值那么不能滚动视图 //设置一个UIScrollView UIScrollView *sv = [[UIScrollView alloc] initWithFrame:self.view.bounds]; sv.backgroundColor = [UIColor cyanColor]; [self.view addSubview:sv]; //添加一个视图 UIImage *image = [UIIma...

3.10 针对于iscroll 使用y获取滚动高度【代码】

今天在做实际手机端操作的时候,发现了这个<ul class="wind-alert-ul" style="transform-origin: 0px 0px 0px; position: absolute; top: -200px; left: 0px;"><li> </li><li>关闭</li><li>低速</li><li>中速</li><li>高速</li><li>关闭</li><li>低速</li><li>中速</li><li>高速</li><li>关闭</li><li>低速</li><li>中速</li><li>高速</li><li>关闭</li><li> </li></ul>发现在滚动的时候,top的值是变化的,那么是不是可以通过这个...

UIScrollView自动布局技巧

1.用storyboard自动布局注意点:(1)首先添加一个view,view的四周和scrollview一致,设置view的大小;(2)设置view的宽和高=> 设置scrollview的contentSize;(3)所有的控件都添加在view上。 2. 代码布局原文:http://www.cnblogs.com/gss-blog/p/6023366.html

iOS UIScrollView的使用【代码】【图】

一、为什么要用UIScrollView?移动设备的屏幕大小是极其有限的,因此直接展示在用户眼前的内容也相当有限当展示的内容较多,超出一个屏幕时,用户可通过滚动手势来查看屏幕以外的内容普通的UIView不具备滚动功能,不适合显示过多的内容。UIScrollView是一个能够滚动的视图控件,可以用来展示大量的内容,并且可以通过滚动查看所有的内容系统设置就是一个ScrollView: 二、基本使用:将需要展示的内容添加到UIScrollView中设置UIScr...