方法一、catchtouchmove="true"，
可以实现弹框背景不滚动，但是也会导致弹框自身无法滚动，如果你的弹窗本身是不需要滚动的，用这个方法是极佳的。
<view class="pop" catchtouchmove="true">
<view class="content"></view>
</view>
方法二、固定定位（可以解决背景不要滚动，弹框能滚动的问题）
当出现弹窗时，为wxml最外层元素动态添加fixed类。但是这种方式会导致页面自动回到顶部。
方法三、底部内容区使用scroll-view（完美解决上面两种方法的弊端） 文章来源：https://www.toymoban.com/news/detail-770278.html
<scroll-view class="container" scroll-y style="height:{{windowHeight}}px">
底部内容
</scroll-view>
<view class="pop"></view>
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
/*获取屏幕高度*/
this.setData({
windowHeight: wx.getSystemInfoSync().windowHeight
})
},文章来源地址https://www.toymoban.com/news/detail-770278.html
到了这里，关于小程序 解决自定义弹窗滚动穿透问题，解决弹窗背景内容滚动问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![解决微信小程序自定义组件报错找不到路径的问题:[ pages/home/home.json 文件内容错误] pages/home/home.json: [“usingComponents](https://imgs.yssmx.com/Uploads/2024/02/609673-1.png)
