弹出层弹出时禁止滑动

禁用页面滚动与触摸移动

最新推荐文章于 2024-04-29 09:18:21 发布

千璃夫人

最新推荐文章于 2024-04-29 09:18:21 发布

阅读量980

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_39363987/article/details/87344350

本文介绍如何使用JavaScript阻止网页在特定情况下滚动，并禁用触摸设备上的touchmove事件，以实现页面固定效果。通过修改样式和添加事件监听器，可以有效控制页面的交互行为。

const moveStop = function(e){e.preventDefault()};

添加阻止事件：
function noScroll(){
    document.body.style.overflow='hidden';//关闭滚动条
    document.addEventListener("touchmove",moveStop,false);
}

移除阻止事件：
function isScroll(){
    document.body.style.overflow='';//出现滚动条
    document.removeEventListener("touchmove",moveStop,false)
}