vue,uniapp--js禁止页面滚动,取消滚动方式
作者：沐卿゚
这篇文章主要介绍了vue,uniapp--js禁止页面滚动,取消滚动方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue,uniapp js禁止页面滚动,取消滚动
首先是禁止页面滚动
//禁止页面滑动
stop(){
var box=function(e)
{passive: false ;};
document.body.style.overflow='hidden';
document.addEventListener("touchmove",box,false);
},取消禁止滚动
//允许页面滑动
move(){
var box=function(e){passive: false };
document.body.style.overflow='';//出现滚动条
document.removeEventListener("touchmove",box,false);
},什么都不用改，把方法复制过去在你需要得节点触发方法就行。
非常的简单~~~
uniapp自定义弹窗弹出后禁止页面滚动
弹窗弹出后
禁止页面内容滚动
可以使用在蒙层上使用
@touchmove.stop.prevent="moveHandle"
在PC端浏览器移动设备模式调试时
鼠标滑轮依然可以滚动
鼠标拖拽上划就无法滚动
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。