自定义遮罩层弹出时禁止页面滚动以及恢复

人不狠话不多,就一句,好记性不如烂笔头。

vue项目里的禁止以及恢复滚动

// 遮罩层弹出时禁止滑动

          document.addEventListener('touchmove', this.preHandler, false);

// 遮罩层关闭时恢复滑动

      document.removeEventListener('touchmove', this.preHandler, false);

//调用的函数

preHandler(e){

      e.preventDefault();

    },


就是这么简单

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一.css部分 1.meta标签 移动端加上这个标签才是真正的自适应,不加的话,假如你把一个980px宽度(手机端...
    李景磊阅读 679评论 0 2
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,701评论 1 11
  • 事件流: 事件流:页面接收事件的顺序。 IE定义的:事件冒泡流(由最具体的元素依次传播到DOM树的最上层的Docu...
    xiaoguo16阅读 660评论 0 0
  • 這是個很好的問題 今天小編就從「選擇」跟「本錢」 這個角度來回答這個問題 問你個狀況題 「如果今天不給你任何的錢 ...
    腦子長在手上阅读 374评论 0 0
  • 厦门是座充满创意的文艺猫城。曾经有个人跟我说他不想恋爱想考厦大,所以我一直都想来厦门;鼓浪屿的名字取得太好听...
    墨酱燥起来阅读 1,607评论 0 2

友情链接更多精彩内容