在页面上显示一个遮罩层,这是非常常见的操作,在遮罩层上操作,下层也会默认跟随手指滚动
此处就是要在显示遮罩的时候禁止下层滚动。
首先设置一个全局变量
var canScroll=false;
页面初始化的时候添加事件监听
document.addEventListener('touchmove',function(e){
if(!canScroll){
e.preventDefault()
}
})
下面只要设置canScroll这个变量就可以控制页面是否跟随手指滚动了