在不同情况下设置禁止滚动的遮罩层

概述1.在html设置禁止滚动的遮罩层: 1 /***滑动限制***/ 2 stop(){ 3 var mo=function(e){e.preventDefault();}; 4 document.body.style.overflow=‘hidden‘; 5 document.addEventListener(

1.在HTML设置禁止滚动的遮罩层:

 1      @H_403_14@/*@H_403_14@**滑动限制**@H_403_14@*/ 2       stop(){ 3         var mo=function(e){e.preventDefault();}; 4         document.body.style.overflow=‘hIDden‘; 5         document.addEventListener("touchmove",mo,false);@H_403_14@//@H_403_14@禁止页面滑动 6       }, 7       @H_403_14@/*@H_403_14@**取消滑动限制**@H_403_14@*/ 8       move(){ 9         var mo=function(e){e.preventDefault();};10         document.body.style.overflow=‘‘;@H_403_14@//@H_403_14@出现滚动条11         document.removeEventListener("touchmove",false);12       }

或者

<div  @touchmove.prevent></div>

2.在小程序:

<vIEw catchtouchmove="ture"></vIEw>

3.在uni-app:

<vIEw @touchmove.stop.prevent ></vIEw>

总结

以上是内存溢出为你收集整理的在不同情况下设置禁止滚动的遮罩层全部内容，希望文章能够帮你解决在不同情况下设置禁止滚动的遮罩层所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。