react + iscroll5 经过几天的反复折腾,总算做出一个体验还不错的列表页了,主要支持了下拉刷新,上拉加载两个功能。 一开始直接采用了react-iscroll插件,它是基于iscroll插件开发的组件。但是开发过程中,发现它内部封装的行为非常固化,限制了我对iscroll的控制能力,因此 ...
分类:
其他好文 时间:
2016-10-07 23:36:53
阅读次数:
1182
经过几天的反复折腾,总算做出一个体验还不错的列表页了,主要支持了下拉刷新,上拉加载两个功能。 一开始直接采用了react-iscroll插件,它是基于iscroll插件开发的组件。但是开发过程中,发现它内部封装的行为非常固化,限制了我对iscroll的控制能力,因此我转而直接基于iscroll插件实 ...
分类:
其他好文 时间:
2016-09-29 17:39:49
阅读次数:
161
之前也看了很多朋友的文章里有讲这个问题。比如使用一个变量记录执行的间隔时间什么的。感觉每次都要去撸一下,比较累人。本人喜欢搬砖前先选工具。其实解决这个方法很简单。iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的oncl ...
分类:
其他好文 时间:
2016-09-27 15:12:59
阅读次数:
182
版本号:iscroll4.2.5.js iscroll 版本很有关系 在线: demo链接 有出现白屏的bug,将iscroll版本改成iscroll4.2.5就可以了 html ...
分类:
其他好文 时间:
2016-09-05 11:55:43
阅读次数:
121
发发牢骚 移动web端里摸爬滚打这么久踩了不少坑,有一定移动web端经验的同学一定被click困扰过。我也不列外。一路走来被虐的不行,fastclick、touchend、iscroll什么的都用过,各有优劣,都不能一步到位。最后实在是被逼无奈,翻阅了不少资料,自定义了一个tap。 效果预览 废话不 ...
分类:
移动开发 时间:
2016-09-01 18:23:22
阅读次数:
243
iScroll.js 用法参考 (share) 分享是传播、学习知识最好的方法 以下这篇文章是iScroll.js官网的中文翻译,尽管自己英文不好,但觉得原作者们翻译的这个资料还是可以的,基本用法介绍清楚了。如果你英文比较好的话,可以看看官网的资料。 参考:http://www.cnblogs.co ...
分类:
Web程序 时间:
2016-09-01 12:45:52
阅读次数:
224
Android2.3的overflow问题 在android2.3及以下系统版本的浏览器不支持overflow:scroll / auto,即在页面元素里面的内容如果超过了父元素或祖先元素的高度是无法滚动的,可以通过css3的transform来实现滚动,代表作:iscroll。 Android2. ...
分类:
Web程序 时间:
2016-08-08 19:18:21
阅读次数:
222
前言:写这个随笔,是记录一下工作以来用到的各种框架。以免日后忘记: JS库: 1. jquery.js 2. zepto.js jquery的精简版,专门用于手机上的,但是zepto主体默认是没有触摸组件的,触摸的js需要在其官网额外下载。 3.iscroll.js 主要用于移动端网站和移动app页 ...
分类:
Web程序 时间:
2016-07-31 22:02:02
阅读次数:
244
iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器(诸如iPhone,iPad,Android 这些系统上广泛使用)
提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的是,这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的
中间区域。
...
分类:
Web程序 时间:
2016-07-19 10:20:26
阅读次数:
208
1.在一个页面中需要点击tab切换,而且每个切换的内容都需要下拉刷新加载,这个时候需要在点击的时候用到myScroll.refresh();这个函数,刷新iScroll.js这个函数。 2.在页面中有input等需要输入的表单时,表单会无法输入,这时需要在代码最后加上以下这段函数, function ...
分类:
Web程序 时间:
2016-07-12 11:46:32
阅读次数:
178