小程序显示弹窗时，禁止下层内容滚动

小程序显示弹窗时，禁止下层内容滚动。小程序显示弹窗时，禁止下层内容滚动。①第一种方法使用position:fixed来禁止页面滚动。1.页面结构html------------这里是整个页面的结构内容点击显示弹窗//当proInfoWindow为true时，显示弹窗这里是弹窗内容2.CSS部分//添加类名，将弹窗下层内容定位为固定，达到禁止滚动的效果。indexFixed{位置：固定；top:0;//top:0不能写，否则弹窗显示时底层会滚动到顶层。左：0；底部：0；right:0;}3.JS部分Page({data:{proInfoWindow:false,//控制是否显示弹窗},//点击弹窗事件，设置proInfoWindow为true，显示pop-upwindow.//设置proInfoWindow为true时，在页面中添加一个名为indexFixed的类，当弹出窗口显示时，下层禁止滚动，弹出窗口时允许滚动_proInfoWindowShow(){this.setData({proInfoWindow:true})}})②第二种方法使用catchtouchmove="return"//这里是弹窗的内容//addingcatchtouchmove="return"ontheouterlayer只接触背景区域，不穿透底部。//在每个小区域添加catchtouchmove="return"//不要在列表区域需要滚动的位置加上catchtouchmove="return",否则列表不能滚动滚动列表1滚动列表2滚动列表3滚动列表4