解决uniapp 使用打开弹窗后,滚动屏幕,背后的内容也会滚动
uniapp
·
1.添加在uitil.js文件中
// 阻止页面滚动
export function stop(){
var box=function(e){passive: false ;};
document.body.style.overflow='hidden';
document.addEventListener("touchmove",box,false);
}
// 允许页面滚动
export function move(){
var box=function(e){passive: false };
document.body.style.overflow=''; // 出现滚动条
document.removeEventListener("touchmove",box,false);
}
2.绑定在原型上,在main.js
import {stop,move} from '@/utils/utils.js'
Vue.prototype.stop = stop
Vue.prototype.move = move
3.在打开弹窗和关闭弹窗时使用this调用(打开使用this.stop(),关闭使用this.move())
更多推荐
已为社区贡献2条内容
所有评论(0)