iscroll在谷歌浏览器中局部滑动失效

今天在用 iScroll.js 做移动端的下拉刷新和上拉加载功能时,在谷歌浏览器进行调试时,发现无法正常使用,用鼠标拉动时,滑动不起来,指定区域只能移动4px而已,这明显不正常,(在firefox上测试又是正常的,不用手机模式也是可以滑动的)



仔细调试了好久,才发现问题所在,简单来说就是谷歌浏览器的统一指针事件所致

那么,谷歌该如何操作移动端的iScroll.js呢?

1.代码实现(推荐):

 //获取所需要的元素
    var jdCateLeft=document.querySelector('.jd_cateLeft');
    //取消事件默认动作
    jdCateLeft.addEventListener('touchmove',function(e){
        e.preventDefault();
    });

2.浏览器本身设置(全局关闭)  chrome://flags/#enable-pointer-events

3.或者局部关闭:

<!-- 将这段代码放在 head 标签内 -->
<script>window.PointerEvent = void 0</script>
上面几种办法都可以解决这个问题,但是个人推荐用第1种方法
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值