vue中模态框禁止滚动

在项目中用到了手写模态框,但是会出现滑动导致固定定位的盒子移动,所以就摸(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.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,039评论 3 119
  • 明天是个神奇的日子,5.8日神奇的母亲节,58同城,一个神奇的网站!在这祝远在西安的“麻麻”节日快乐,体健安康…!...
    弦外之音路阅读 2,405评论 0 1
  • 15 2000年9月,我报名入读了重庆的六店子小学,不记得当时是否要求满足教育三对口原则,也不知道是否有划...
    Li奇怪的奇阅读 1,761评论 0 0
  • 《南京的少女》 啊 Ben 南京的少女 在我们分手之前 请把我的心 请把我的心还给我 你留着做什么 我擦肩而过变...
    啊Ben阅读 1,072评论 0 2
  • 当我们做了莫名其妙的事情,会被说“你有没有用脑子?”这里de我脑子就是指理性的思考的脑子,那与理性对立的面就是感性...
    露露Yao阅读 2,985评论 0 1