//禁止页面滑动
stop(){
var preMove=function(e){passive: false ;};
document.body.style.overflow='hidden';
document.addEventListener("touchmove",preMove,false);//禁止页面滑动
},
//允许页面滑动
move(){
var preMove=function(e){passive: false };
document.body.style.overflow='';//出现滚动条
document.removeEventListener("touchmove",preMove,false);
},
移动端禁止页面滑动 场景是这样滴~一般H5活动 达到某一条件弹出提示 往往是遮罩层 用户在遮罩层上只能进行指定的操...
1.移动端禁止遮罩层下面的页面滑动 答：打开遮罩层的时候，给遮罩层下面的页面添加position:fixed属性，...
在main.js中设置全局函数 在页面使用时： 禁止主页面滑动 this.noScroll() 主页面可滑动 th...
移动端开启页面滚动和禁止页面滚动@令狐张豪 在做移动端的时候我们经常要禁止页面的滚动和开启页面的滚动,故学习了下原...
1.swiper.js Swiper常用于移动端网站的内容触摸滑动 功能: 移动端轮播图 swiper.js...
css添加: js添加:
移动端页面设置视口宽度等于设备宽度，并禁止缩放。 移动端页面设置视口宽度等于定宽（如640px），并禁止缩放，常用...
bodyScroll(event) {event.preventDefault()},stopScroll () ...
参考：https://blog.csdn.net/huangfu_chunfeng/article/details...
本文标题：js 移动端 禁止/允许 页面滑动
本文链接：https://www.haomeiwen.com/subject/hmuzgktx.html
网友评论