移动端当弹出层显示，阻止body的滑动

Posted 2020-07-11

很多时候前端在做移动端有弹出层的时候，滑动屏幕，body还是可以滑动，这些时候就要阻止，话不多说，直接看代码

首先定义一个变量，我这边定义的是stop=1，当弹出层显示，stop=0,然后监听touchmove事件，阻止冒泡和默认行为，这样效果就达到了。

document.addEventListener("touchmove", function (e) {
　　if (stop == 0) {
　　　　e.preventDefault();
　　　　e.stopPropagation();
　　}
}, false);