現在有一個需求，要求用戶點擊邀請按鈕時能彈出一個遮罩層，使用戶只能在遮罩層內操作，當用戶點擊取消按鈕或者遮罩層內空白處的時候遮罩層就會消失，剛開始想復雜了，同事點撥一下之后發現其實並不難實現，很簡單的一個功能，現將代碼貼出 ps：這種效果其實可以通過 wx.showActionSheet ...

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

圖示位置出現遮罩層，下面滾動； 原因： touchmove事件冒泡； 解決方法： 冒泡就要阻止，在遮罩層阻止冒泡，小程序里面 catch+時間名可以阻止冒泡， 所以 在遮罩層填上事件 catchtouchmove="preventdefault" 小程序 ...

wxml //使用scroll-view包裹 scrolly-y要寫 [scroll-view scroll-y class="mask-box" catchtouchmove='ture'] [vi ...

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

...

問題：微信小程序中，我們常使用遮罩層，如點擊按鈕彈出下拉框、彈框等等。若在遮罩層下存在input、textarea、canvas、camera、map、video等標簽時，會出現遮罩層覆蓋失效的問題。實際上，這個問題在開發者工具上並不會出現，卻會出現在真機上。 原因：微信小程序官方文檔指明 ...

轉自：https://www.jianshu.com/p/6fb10c78bbd7 實現遮罩效果 Html CSS 阻止遮罩層下的頁面滾動 只需要在遮罩層上加上catchtouchmove='ture' 需要 ...