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

...

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

參考：Taro 3.1 beta 發布： 開放式架構新增 4 端支持 | Taro 文檔 (jd.com) 實例代碼 ...

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

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

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

簡單小程序自身提供了相應的方法： 1. catchtap：和bindtap相對應，catchtap有着阻止事件冒泡的作用； 2. catchtouchmove：阻止浮層歡動穿透到頁面上，這里用到了scroll-view就順帶提一下，這是小程序組件視圖容器，表示可滾動視圖 ...