微信小程序模态框显示滑动内容，下层view同时滑动解决方案

微信小程序模态框显示滑动内容，下层view同时滑动解决方案

接到一个功能是点击弹出模态框展示产品详情（富文本图片）

很好实现，但是如果滑动屏幕到下面 模态框在上面显示，严重影响用户体验，且滑动模态框内容外层的屏幕也随着滑动

那么接下来就是解决问题了！！
附上代码：

// 查看商品详情
<view class="detail-btn m-l-r" data-goods_id="{{item.goods_id}}" bindtap="getGoodsDetail">查看商品详情</view>

// 将整个外层用 scroll标签包裹起来
// 根据判断是否点开模态框--scroll-y
<scroll-view class="container" scroll-y="{{isDialog?'true':'false'}}">

</scroll-view>

<!-- 模态框 -->
<view class="fadeIn" wx:if="{{isDialog}}">
    <view class="weui-mask"></view>
    <view class="weui-dialog">
        <scroll-view scroll-y class="item-coupon" bindtap="goDetail">
          <block>
           // 富文本信息
            <rich-text nodes="{{mobile_body}}"></rich-text>
          </block>
        </scroll-view>
        <view class="delete-icon" bindtap="close_cancle">
          <text class="iconfont icon-shanchu"></text>
        </view>
    </view>
</view>

data: {
    isDialog:false, // 弹框是否show
  },
// 查看商品详情
    getGoodsDetail(e) {
      //渲染商品详情
          that.setData({
            isDialog:true
          });
    },
      // 点击取消
    close_cancle() {
      this.setData({
        isDialog:false
      })
    },

最最最重要的是css！！！！！！！！！！！！！！！！！！！！！！！！！！

// 页面一屏高
page{
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  /* overflow-y: hidden; */
}
scroll-view {
  height: 100%;
}

希望需要的朋友能有一定的帮助！！！