移动端禁用及恢复触摸页面滚动

lihefei_coder

于 2018-08-02 21:21:10 发布

阅读量4.5k

点赞数

分类专栏：移动端触摸文章标签：禁用触摸滚动移动端 touch

本文链接：https://blog.csdn.net/lihefei_coder/article/details/81366750

版权

移动端同时被 2 个专栏收录

9 篇文章

订阅专栏

触摸

1 篇文章

订阅专栏

Chrome 51、Firefox 49及以上

//阻止默认行为函数
function preventDefault(e) {
    e.preventDefault();
}

// 禁用触摸滚动页面
document.addEventListener('touchmove', preventDefault, {passive: false});

// 恢复触摸滚动页面
document.removeEventListener('touchmove', preventDefault, {passive: false});

Chrome 51、 Firefox 49以下

//阻止默认行为函数
function preventDefault(e) {
    e.preventDefault();
}

// 禁用触摸滚动页面
document.addEventListener('touchmove', preventDefault, false);

// 恢复触摸滚动页面
document.removeEventListener('touchmove', preventDefault, false);

浏览器兼容参考资料：https://zhuanlan.zhihu.com/p/24385322