禁用触摸设备的全局滚动

Home » JavaScript » 移动端开发 » 禁用触摸设备的全局滚动

Archives

文件夹

我们通过event.preventDefault;来取消事件的默认操作,如果禁用触摸设备的全局滚动我们可以用:

document.body.ontouchmove = function (event) {
event.preventDefault();
}

不过winphone的手机不支持这个方法,可以用下面的方法加在css中兼容:
-ms-touch-action: none;

如果想通过触发恢复全局滚动只要移除上面的事件就可以了,具体可以通过我之前的文章了《event.preventDefault和恢复元素默认事件》解下。

发表评论