一：弹窗层不需要滚动：
// 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 ;
}
分两种情况区分： 一：弹窗层不需要滚动： 二：弹出层要滚动
因公司业务需求：需要布局一个页面是底部一张图片position：fixed；z-index= -1固定在底部，然后...
因公司业务需求：需要布局一个页面是底部一张图片position：fixed；z-index= -1固定在底部，然后...
场景：背景内容超出屏幕高度，需滚动展示；底部弹窗内容超出底部容器高度，需在容器内滚动展示；当底部弹窗打开，需阻止背...
小程序自带的弹窗比较简单，在实际项目中，我们往往需要自定义弹窗以满足较为复杂的业务需求。弹窗时底层内容一般都是不滚...
当页面有弹窗时，并且这个弹窗有滚动事件时，这时候会遇到bug，最底部的内容区域会跟着滚动，导致弹窗滚动不生效，以下...
制作弹窗的时候遇到的问题：页面很长，需要滚动。弹窗里也需要滚动。当滚动弹窗内的内容时，发现弹窗的内容不滚动，反而是...
我们在开发过程中总会有开发弹窗的需求，在弹窗弹起来的时候，底部的内容却可以滚动，最开始我们使用catchtouch...
一、需求： 小程序本页面是 page 滚动，但引入的弹窗用了 滚动，为了禁止子组件的滚动会带动父组件的滚动，需要在...
我们需要解决的问题：当弹框显示的时候，弹框下面的内容不能滚动 小程序的弹框特别多,像下面这样，弹框的底部是一个可以...
本文标题：小程序弹窗底部内容滚动问题
本文链接：https://www.haomeiwen.com/subject/eczioqtx.html
网友评论