admin管理员组

文章数量:1579086

今天在用 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种方法

本文标签： 局部器中iscroll

版权声明：本文标题：iscroll在谷歌浏览器中局部滑动失效 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1727851055a1133573.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。