美文网首页
小程序弹窗底部内容滚动问题

小程序弹窗底部内容滚动问题

作者: royluck | 来源:发表于2019-05-09 11:26 被阅读0次
    分两种情况区分:

    一:弹窗层不需要滚动:

    // wxml
    <view class="overlay" catchtouchmove="preventTouchMove" wx:if="{{popFlag}}"></view>
    
    // js
    preventTouchMove: function () {
        
      },
    

    二:弹出层要滚动

    // wxml
    <view class="container {{couponIntro.show ? 'preventTouchMove' : ''}}">
      底部内容
    </view>
    
    <view class="pop">
      弹窗层
    </view>
    
    
    // css
    .preventTouchMove{
      top: 0px ;
      left: 0px ;
      width: 100% ;
      height: 100% ;
      overflow: hidden ;
      position: fixed!important;
      z-index: 0 ;
    }
    

    相关文章

      网友评论

          本文标题:小程序弹窗底部内容滚动问题

          本文链接:https://www.haomeiwen.com/subject/eczioqtx.html