移动端禁止浏览器默认滑动事件

//取得当前滑动开始值
var start_x,end_y;
document.addEventListener("touchstart",function(event){
    start_y = event.changeTouchs[0].clientY;
},false);

//取得当前滑动结束值
document.addEventListener("touchmove",function(event){
    end_y = event.changeTouchs[0].clientY;
    //判断如果当前的滚动元素的盒子滑动的距离等于0 并且 滑动的距离大于0
    if(document.querySelectof(".当前滚动元素").scrollTop == 0 && end_y - start_y > 0){
        //禁止掉document的事件
        event.preventDefault();
    }
},false);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容