弹出遮罩层后禁止滚动效果

Posted 2020-08-25 huangenai

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了弹出遮罩层后禁止滚动效果相关的知识，希望对你有一定的参考价值。

弹出遮罩层后，手指在手机上上下滑动遮罩层下的页面出现滑动。下面代码解决这个问题

（1）触摸后不产生事件

//遮罩层禁止滚动
 $(‘.searbox_mask_byInteg‘).bind("touchmove", function (e) {
                e.preventDefault();
});

（2）body不出现滚动条

$("body,.main").height($(window).height()).css({
  "overflow-y": "hidden"
});

以上是关于弹出遮罩层后禁止滚动效果的主要内容，如果未能解决你的问题，请参考以下文章