在微信网页上总是可以上拉下拉,如下图:
有的时候在一个页面当中里面有列表可以滚动的上下滑动总是有点影响的,如下图:
一开始使用document的touchmove事件禁止,但是页面上所有滑动都无效了。
document.querySelector('body').addEventListener('touchmove', function(e) {
e.preventDefault();
})
查了部分资料了解到可以把某个标签的禁止解除就好了。代码如下:
document.querySelector('body').addEventListener('touchmove', function(e) {
if (!document.querySelector('ul').contains(e.target)) {
e.preventDefault();
}
})