使用catchtouchmove="true"，可以实现弹框背景不滚动，但是也会导致弹框自身无法滚动，如果你的弹窗本身是不需要滚动的，用这个方法是极佳的。
<view class="modal" catchtouchmove="true">
<view class="shade"></view>
<view class="content"></view>
</view>注意：模拟器是无法调试，要手机上才可测试出不能滚动
2、底部内容区使用scroll-view
设置垂直滚动，并将scroll-view的高度设置为屏幕高度，这样就可以实现弹窗自身内容滚动时，而底层内容不滚动。
<scroll-view class="container" scroll-y style="height:{{windowHeight}}px">
底部内容
</scroll-view>
<view class="modal"></view> /**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
/*获取屏幕高度*/
this.setData({
windowHeight: wx.getSystemInfoSync().windowHeight
})
},
