我要评论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端浏览器移动设备模式调试时
鼠标滑轮依然可以滚动
鼠标拖拽上划就无法滚动
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持代码网。
发表评论