弹窗是一种常见的交互方式，而蒙层则是弹窗必不可少的元素，用于隔断页面与弹窗区块，暂时阻断页面的交互。但是，我们会发现，当弹出遮罩层后，底层body的内容也是可以滚动，显然这不是我们想要的效果，而这个问题就是小萌最近开发项目时遇到的问题。 一个小程序的项目，是用MPVUE(一个使用 Vue.js ...

开始我用的是 后来发现在移动端有问题 这样就ok了 好吧！到此为止本以为结束了，但是在移动端浏览器和微信浏览器中发现有问题（页面加载后的一次弹出模态框时，模态框下面的页面会跑到页面最顶部），最后移动端的解决办法如下： 上面方法解决了页面禁止 ...

Ctrl+S：锁定当前屏幕 Ctrl+Q：解锁当前屏幕 这个问题困扰了很久，日志打的太快，看不过来，而且不能往上翻着看，一有新的日志直接滚动到最下边。 使用快捷键，锁定当前屏幕，日志还会在后边继续打印，但是不会在当前锁定的屏幕中打印。 当解锁后，锁定期间的日志也会正常显示，所以不存在 ...

在遮罩层添加 (前提使用vue)@touchmove.prevent HTML: ...

需求：页面有弹出层菜单，当弹出层菜单超出屏幕可视区域时，不能滚动。加上滚动后，底部body的滚动事件如何禁止，加上了overflow：hidden;还是不可用。 如下图：地区弹出框可以滚动，而底部的body不随着滚动。 参考网址：JavaScript如何屏蔽页面的滚动 ...

　　大致思路是这样的：当模态框出现的时候，给底部页面设置固定定位。模态框关闭的时候，去除固定定位。当我这么写的时候，底部页面滚动的问题解决了，但是又出现了一个新问题：每次模态框出现的时候，底部页面会自动跳到顶部去。所以，我添加了一个scroll方法，让页面回到原来的位置上去。代码 ...

前面的话 　　在 Bootstrap 框架中把模态弹出框统一称为 Modal。这种弹出框效果在大多数 Web 网站的交互中都可见。比如点击一个按钮弹出一个框，弹出的框可能是一段文件描述，也可能带有按钮操作，也有可能弹出的是一张图片。本文将详细介绍Bootstrap模态弹出框 结构分析 ...

用JS实现加载页面前弹出模态框 主要的JavaScript 代码是： 完整代码如下： ...