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

2019-05-09  本文已影响0人  royluck
分两种情况区分:

一:弹窗层不需要滚动:

// 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 ;
}
上一篇下一篇

猜你喜欢

热点阅读