方法一、catchtouchmove="true"，

可以实现弹框背景不滚动，但是也会导致弹框自身无法滚动，如果你的弹窗本身是不需要滚动的，用这个方法是极佳的。

<view class="pop" catchtouchmove="true">
    <view class="content"></view>
</view>

方法二、固定定位（可以解决背景不要滚动，弹框能滚动的问题）

当出现弹窗时，为wxml最外层元素动态添加fixed类。但是这种方式会导致页面自动回到顶部。

方法三、底部内容区使用scroll-view（完美解决上面两种方法的弊端） 

<scroll-view class="container" scroll-y style="height:{{windowHeight}}px">
    底部内容
</scroll-view>
<view class="pop"></view>
 
 
/**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {
    /*获取屏幕高度*/
    this.setData({
      windowHeight: wx.getSystemInfoSync().windowHeight
    })
 },