在页面上显示一个遮罩层,这是非常常见的操作,在遮罩层上操作,下层也会默认跟随手指滚动

此处就是要在显示遮罩的时候禁止下层滚动。

首先设置一个全局变量

var canScroll=false;

页面初始化的时候添加事件监听

document.addEventListener('touchmove',function(e){
            if(!canScroll){
                e.preventDefault()
            }
        })

 下面只要设置canScroll这个变量就可以控制页面是否跟随手指滚动了

 

相关文章:

  • 2022-12-23
  • 2021-12-19
  • 2021-11-04
  • 2021-09-06
  • 2022-12-23
  • 2022-12-23
  • 2021-12-19
  • 2022-01-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-06
  • 2022-12-23
  • 2021-12-19
相关资源
相似解决方案