在项目中用到了手写模态框,但是会出现滑动导致固定定位的盒子移动,所以就摸(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.
在项目中用到了手写模态框,但是会出现滑动导致固定定位的盒子移动,所以就摸(bai)索(du)了下,现在记录如下: ...
问题：在弹出模态框A的基础上，弹出模态框B，关闭模态框B之后，模态框A不能滚动（由于A模块框内容） 造成的原因：遮...
问题 今天帮朋友看了一个问题，是要实现点击按钮出现一个弹框以及背景遮罩的功能。 因为项目在用Bootstrap，所...
js禁止页面发生滚动以及恢复 vue中禁止页面发生滚动 恢复滚动 总结 在Vue组件一个属性, 用于存储禁止滚动函...
bootstrap 打开多层模态框的情况下，关闭任意一个模态框，都会导致其余模态框的滚动条消失。 监测html发现...
bootstrap 打开多层模态框的情况下，关闭任意一个模态框，都会导致其余模态框的滚动条消失。 监测html发现...
React 模态框解耦处理方法 再写React模态框的时候发现不能想Vue 一样能用 .sync修饰符处理模态框 ...
前沿 这是一个通用的需求，当页面提示框弹起禁止下边的内容滚动，并且保留滚动到的当前的高度，我是在vue公共的方法中...
我们在项目中使用bootstrap的modal 功能打开一个模态框（带滚动条），在modal上回继续打开模态框，在...
在使用Bootstrap中模态框过程中，如果出现多层嵌套的时候，如打开模态框A，然后在A中打开模态框B；或者打...
本文标题：vue中模态框禁止滚动
本文链接：https://www.haomeiwen.com/subject/hayseftx.html
网友评论