移动端开启页面滚动和禁止页面滚动@令狐张豪
在做移动端的时候我们经常要禁止页面的滚动和开启页面的滚动,故学习了下原生js的操作
- 先声明一个全局函数
<script type="text/javascript">
var handler = function (e) {
e.preventDefault();
}
</script>
- 禁止页面滚动
function hideWbImgViewer() {
document.body.addEventListener('touchmove', handler, {
passive: false
});
}
- 开启页面滚动
function showWbImgViewer() {
document.body.removeEventListener('touchmove', handler, {
passive: false
});
}
注意点不能直接这么写
document.body.addEventListener("touchmove",function(ev){
ev.preventDefault();
},{
passive: false
})
添加和移除的函数对象应该是同一个，否则移除不起作用，即listener不能直接用匿名函数
