禁止穿透蒙层滚动

最新推荐文章于 2024-06-25 11:16:18 发布

sxs7970

最新推荐文章于 2024-06-25 11:16:18 发布

阅读量350

点赞数

分类专栏：前端 Vue.js

本文链接：https://blog.csdn.net/sxs7970/article/details/108563221

版权

前端同时被 2 个专栏收录

132 篇文章 2 订阅

订阅专栏

Vue.js

37 篇文章 0 订阅

订阅专栏


//弹出蒙层调用preventHandle
//关闭蒙层调用cancelHandle

	preventHandle() {
      //阻止滚动
      var mo = function (e) {
        e.preventDefault();
      };
      document.body.style.overflow = "hidden";
      document.addEventListener("touchmove", mo, false); //禁止页面滑动
    },
    cancelHandle() {
      //取消阻止滚动
      var mo = function (e) {
        e.preventDefault();
      };
      document.body.style.overflow = ""; //出现滚动条
      document.removeEventListener("touchmove", mo, false);
    },