modal 彈框遮罩層，滾動穿透bug 解決方案 parent component 動態設置 lock css open / close 更新 lock status ...

如果彈出層沒有滾動事件: 如果彈出層有滾動事件，那么在彈出層出現的時候給底部的containerView加上一個class 消失的時候移除。 ...

如題，解決方案有兩種： 1、如果彈出層沒有滾動事件，就直接在蒙板和彈出層上加 catchtouchmove;（方便快捷） 2、如果彈出層有滾動事件，有兩種方法： 方法一 在彈出層出現的時候給底部的containerView加上一個class，消失的時候移除。 這種方法簡單有效，但會 ...

有的列表下面要加一層半透明漸變的蒙版，但那樣會導致蒙版下面的list無法點擊: 只需要給半透明元素添加css屬性：pointer-events:none,即可讓元素點擊事件失效，能直接點擊到蒙版下面的元素 ...

經常做移動端網頁開發的朋友們，都應該會遇到，彈起遮罩層的交互需求，比如小點的toast提示框，modal對話框，也有滿屏的提示框，或者可操作交互的彈框； 有些需求是要求在彈框上可操作，可滾動；在滾動時，就會遇到比較奇怪的兼容bug了，當你在滑動遮罩層時，下面的body頁面也會跟着滾動 ...

問題：小程序自定遮罩層時，滾動遮罩層時，滾動效果會穿透，影響page頁面的滾動，影響用戶體驗度。 解決方案: 　　如果彈出框無滾動區域，直接將這個彈出框和遮罩層的父元素catchtouchmove='ture' 　　如果彈出框有滾動區域，如果自定義了catchtouchmove就會阻止內部 ...

　　最近弄小程序遮罩層穿透問題，網上好多資源設置catchtouchmove="preventD"即可，本人測試后好像還是不行，然后就找了其他方法，測試有效。 1、js ，data內初始化狀態標識 2、在相應的view 上加上判斷代碼 3、css 代碼 ...

在滾動條的層上面加上-webkit-overflow-scrolling:touch;樣式即可解決！ ...