在頁面上顯示一個遮罩層,這是非常常見的操作,在遮罩層上操作,下層也會預設跟隨手指滾動
此處就是要在顯示遮罩的時候禁止下層滾動。
首先設定一個全域性變數
var canScroll=false;
頁面初始化的時候新增事件監聽
document.addEventListener('touchmove',function(e){
if(!canScroll){
e.preventDefault()
}
})
下面只要設定canScroll這個變數就可以控制頁面是否跟隨手指滾動了