Iscroll 4 同一页面中,能够滚动上下并且左右同存效果,(滑动时很飘)解决办法(2)
2013-08-03 09:17
381 查看
同一页面中,能够滚动上下并且左右同存效果,但是滑动时很飘,而且这个滑动效果比原生还是差了不少.
仔细查看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效果.左右移动,上下移动均无任何问题.
仔细查看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效果.左右移动,上下移动均无任何问题.
相关文章推荐
- Iscoll 4 同一页面中,一块内容,能够滚动上下并且左右同存效果 (1)
- iScroll左右滑动的时候,阻止了内容的上下滑动 e.preventDefault() 解决办法
- iScroll左右滑动阻止内容上下滑动 e.preventDefault() 解决办法
- 利用DragTopLayout实现上下两部分页面整体滑动,不影响下面部分页面的滚动效果
- ScrollView+ListView滚动冲突,没有滑动效果 解决办法
- AndroidStudio——TextView文字左右滚动(跑马灯效果)无效解决办法
- ScrollView+ListView滚动冲突,没有滑动效果 解决办法
- jquery上下页面视差滚动切换效果|强大的视差响应动画滑动图片切换效果
- ScrollView+ListView滚动冲突,没有滑动效果 解决办法
- android事件分发机制(从原理上解决左右滑动很上下滚动的矛盾)
- 使用viewpager嵌套实现上下左右滑动切换图片(IOS双向滚动翻页效果相同)
- Android实现了复杂表格,表格内容区域可以与上下滑动、左右滚动,并且标题会跟着滚动
- ScrollView+ListView滚动冲突,没有滑动效果 解决办法
- iOS使用Sencha Touch、ExtJs6 Modern或iscroll等框架时,文本框聚焦的光标不跟随页面(文本框)滚动 的解决办法
- 禁止RecyclerView上下滚动/滑动解决办法
- 使用viewpager嵌套实现上下左右滑动切换图片(IOS双向滚动翻页效果相同)
- Appium 1.7 实现上下、左右滑动页面方法
- Iscroll4 实现 横竖左右滚动,滑动效果比拟andriod原生.
- 如何css做一个点击导航 页面滚动, 并且有动画效果
- 仿Launch的 分页滑动,解决上下左右冲突问题