問題描述：

使用小程序的modal組件實現遮罩層效果時，會出現滾動穿透的問題，即遮罩層后面的頁面依舊可以滾動。

解決方案：

給底層頁面動態添加 position:fixed;

代碼：

wxml：

1. class="mask" wx:if="{{hasMask}}" bindtap='hideMask'>
2. 我是遮罩層
3.  
4. style="background-color:#ccc;height:2000rpx{{hasMask?'position:fixed;':''}}width:100%;>
5. 小程序彈出層點擊穿透問題
6. bindtap='showMask'>彈出遮罩層
7.  

js：

1. Page({
2. data: {
3. hasMask:false
4. },
5. showMask(e) {
6. //顯示遮罩
7. this.setData({
8. hasMask: true
9. })
10. },
11. hideMask(e) {
12. //隱藏遮罩
13. this.setData({
14. hasMask: false
15. })
16. }
17. }）

效果圖：