原文：解決遮罩層上方元素可以滾動禁止遮罩層下方滾動問題
.通過js控制 方法一： 有兼容性問題,蘋果和安卓低版本滑動時屏幕上下部分會閃動 打開遮罩層時： document.documentElement.style.overflowY hidden 禁止底層div滾動 關閉遮罩層時： document.documentElement.style.overflowY auto 取消禁止屏幕滾動 方法二： 有兼容性問題,蘋果和安卓低版本滑動時屏幕上下部分 ...
2020-03-18 11:02 0 1497 推薦指數：
相關推薦
// 封裝禁止頁面滾動方法（該方法兼容PC端和移動端）var topSpace = 0function BodyScroll (isState) { var bodyDoc = document.body if (isState) {topSpace = window.scrollYbodyDoc ...
1、css 樣式： .mask{ background: rgba(59, 59, 59, 0.9); /* opacity: 0.9; */ position: fi ...
彈出遮罩層后，手指在手機上上下滑動 遮罩層下的頁面出現滑動。下面代碼解決這個問題 （1）觸摸后不產生事件 （2）body不出現滾動條 $("body,.main").height($(window).height()).css({ "overflow-y ...
wxml //使用scroll-view包裹 scrolly-y要寫 [scroll-view scroll-y class="mask-box" catchtouchmove='ture'] [vi ...
如果想遮罩層內容下的內容不滾動，需要去掉html,body的滾動條，自己設置滾動區域，設置height為100vh，遮罩層fixed定位 如果想遮罩層內容下的內容滾動，需要只需要設置為html，body滾動即可 ...
vue 遮罩層阻止默認滾動事件 在寫移動端頁面的時候,彈出遮罩層后，我們仍然可以滾動頁面。 vue中提供 @touchmove.prevent 方法可以完美解決這個問題 <div class="dialog" @touchmove.prevent ></div> ...
彈窗是一種常見的交互方式，而蒙層則是彈窗必不可少的元素，用於隔斷頁面與彈窗區塊，暫時阻斷頁面的交互。但是，我們會發現，當彈出遮罩層后，底層body的內容也是可以滾動，顯然這不是我們想要的效果，而這個問題就是小萌最近開發項目時遇到的問題。 一個小程序的項目，是用MPVUE(一個使用 Vue.js ...