js开启和禁止页面滑动

JavaScript017

js开启和禁止页面滑动,第1张

在移动端中,由于机型的不同,往往在弹窗的时候会出现页面的穿透事件,使得原页面还是能够进行滑动,这是我们不想看到的效果。

前提

html,body{

height: 100%

height: 100vh

}

首先,建立一个函数

之后在触发弹窗的时候禁止页面滚动

关闭弹框时开启页面滚动

注意:切不可以下写法

方法二:

这个要看你自己的需求是什么。如果单纯的是想在某个模块不要滚动的话直接overflow:hidden就可以。如果需要整个页面都不想要浏览器的滚动行为可以用JS阻止浏览器行为,比如:

event.preventDefault()//firefox等

event.returnValue = false//IE系列