彈窗是一種常見的交互方式，而蒙層則是彈窗必不可少的元素，用於隔斷頁面與彈窗區塊，暫時阻斷頁面的交互。但是，我們會發現，當彈出遮罩層后，底層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 代碼是： 完整代碼如下： ...