在项目中用到了手写模态框,但是会出现滑动导致固定定位的盒子移动,所以就摸(bai)索(du)了下,现在记录如下:
//滑动限制
stop() {
var mo = function (e) {
e.preventDefault();
};
document.body.style.overflow = 'hidden';
document.addEventListener("touchmove", mo, false); //禁止页面滑动
}
//取消滑动限制
move() {
var mo = function (e) {
e.preventDefault();
};
document.body.style.overflow = ''; //出现滚动条
document.removeEventListener("touchmove", mo, false);
}
仅仅需要在模态框显示时,调用stop.模态框隐藏的时候调用move就ok.
