同一页面中,能够滚动上下并且左右同存效果,但是滑动时很飘,而且这个滑动效果比原生还是差了不少.
仔细查看isrcoll原代码,发现在它的move事件里,对于左右滑动距离和上下滑动距离的判定有逻辑问题.
所以需要改动Iscroll原代码.
找到这一行的注释: Lock direction 锁定方向
改成
// Lock direction 锁定方向
if (that.options.lockDirection) {
//横向比纵向多5个点,就算横向? 改成:2倍 + 5 大约 75度以上才算横向移动
if (that.absDistX > that.absDistY *2 +10) {
newY = that.y;
deltaY = 0;
} else {
// if (that.absDistY > that.absDistX + 5) {
newX = that.x;
deltaX = 0;
}
}
改了以后完95%现原生的scrollview效果.左右移动,上下移动均无任何问题.
分享到:
相关推荐
flipsnap实现同一页面多个列表切换,使用iscroll实现列表内数据上下滑动及滑动刷新、加载更多
iscroll5 滑动 滚动 最新资讯
动态滚动加载数据 页面滚动分页---iScroll实例:下拉刷新,滚动翻页
jquery-iscroll.js鼠标控制ul左右滑动
jQuery上下滑动加载刷新插件iscroll.js
取消UL默认滑动,做出带滚动条UL滑动的效果 很好的使用实例,好不错不错不错不错不错 不错不错
iscroll4
webapp 滚动条 上下滑动加载数据 iscroll
很不幸的是,这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。 然而,Android系统最新修订版已经可以支持这种功能了(尽管支持的力度还不是特别好),...
iscroll.js下拉滚动刷新demo 新增 1:回到顶部效果; 2:底部悬浮显示当前页数与总页(例1/5);
在iphone、ipod、android 提供一种原生的方式来支持在一个固定高度的容器内滚动内容。
iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动...很不幸的是,这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的中间区域。
iscroll移动app滚动分页demo,上拉刷新,下拉加载更多。
手机端加滚动条iscroll-lite
很不幸的是,这种情况下所有的web应用的页面就不能够包含具有position:absolute的头、页尾或者是一个内容可滚动的 中间区域。 然而,Android系统最新修订版已经可以支持这种功能了(尽管支持的力度还不是特别好),...
NULL 博文链接:https://it-fan.iteye.com/blog/1987768
使用Iscroll5.1.3 封装实现移动端页面的上拉,下拉刷新页面,ajax加载下一页