Js如何禁止浏览器页面的上下滚动(阻止微信浏览器下拉滑动效果)

在做移动端页面时,如果没有做特殊的处理,当触发页面的左右,上下滑动时,会触发页面上下的滚动,,这样体验非常不好,那如何禁止掉屏幕的上下滚动,让它固定呢,阻止微信浏览器下拉滑动效果

阻止浏览器的默认行为就可以了的

document.body.addEventListener('touchmove', function(e) {
    e.preventDefault();
},{passive:false})  // passive 参数不能省略,用来兼容ios和android

其中这个passive:false,不能省略,否则的话在微信,ios里,滑动屏幕,仍然是无效的

© 版权声明
THE END
喜欢就支持一下吧
点赞14赞赏 分享