JS操作窗口浮层禁用滚动条

最新推荐文章于 2023-08-07 16:45:30 发布

shimh_凉茶

最新推荐文章于 2023-08-07 16:45:30 发布

阅读量405

点赞数

分类专栏： javaScript基础文章标签： touch事件 js 阻止滚动

本文链接：https://blog.csdn.net/weixin_34403976/article/details/89362073

版权

63 篇文章 0 订阅

订阅专栏

禁用滚动条

// 阻止滚动条滚动
document.documentElement.style.overflowY = 'hidden'

解除禁用

// 放开滚动条滚动
document.documentElement.style.overflowY = 'scroll'

也许上面的方式对于某些设备并不管用，或并不能满足你的业务需求，你也许想在iphone手机上打开页面，在有弹窗的时候，用手上下滑动弹层，使主页面的滚动条不跟着一起滚动，这时候你需要调用 touchmove事件的 preventDefault() 来阻止滚动条滑动

// 获取你滑动弹层dom的ID
var moveDiv = document.getElementById('divDom')
moveDiv.addEventListener('touchmove', function(e) {
e.preventDefault();
}, false);

关于触摸事件网上有很多例子，我推荐大家读下这个，简单易懂一点：

关注

专栏目录