使用过iscroll.js的上拉下拉刷新效果的朋友应该都碰到过这个问题:在iOS的浏览器中,上拉或下拉刷新时,当手指划出屏幕后,页面无法弹回。
页面无法弹回的原因在于:手指划出屏幕后touchend事件无法触发,回弹动画就无法执行。解决办法就是:当手指接近屏幕边缘的时候,手动触发动画方法。
在onScrollMove方法中插入判断代码:
onScrollMove: function () { if((this.y < this.maxScrollY) && (this.pointY < 1)){ this.scrollTo(0, this.maxScrollY, 400); return; } else if (this.y > 0 && (this.pointY > window.innerHeight - 1)) { this.scrollTo(0, 0, 400); return; } ...... }
相关推荐
iscroll5 滑动 滚动 最新资讯
取消UL默认滑动,做出带滚动条UL滑动的效果 很好的使用实例,好不错不错不错不错不错 不错不错
【iscroll-master移动web绚丽的滚动条
很不幸的是,这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的 中间区域。 然而,Android系统最新修订版已经可以支持这种功能了(尽管支持的力度还不是特别好),...
动态滚动加载数据 页面滚动分页---iScroll实例:下拉刷新,滚动翻页
手机端加滚动条iscroll-lite
iscroll移动app滚动分页demo,上拉刷新,下拉加载更多。
iscroll.js下拉滚动刷新demo 新增 1:回到顶部效果; 2:底部悬浮显示当前页数与总页(例1/5);
jQuery上下滑动加载刷新插件iscroll.js
可实现scroller的滑动效果。上推头部可根据上滑位置变化
iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动...很不幸的是,这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。