小程序弹窗底部内容滚动问题
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 ;
}