方法一、catchtouchmove="true"，
可以實現(xiàn)彈框背景不滾動，但是也會導致彈框自身無法滾動，如果你的彈窗本身是不需要滾動的，用這個方法是極佳的。
<view class="pop" catchtouchmove="true">
? ? <view class="content"></view>
</view>
方法二、固定定位（可以解決背景不要滾動，彈框能滾動的問題）
當出現(xiàn)彈窗時，為wxml最外層元素動態(tài)添加fixed類。但是這種方式會導致頁面自動回到頂部。
方法三、底部內容區(qū)使用scroll-view（完美解決上面兩種方法的弊端）?文章來源：http://www.zghlxwxcb.cn/news/detail-770278.html
<scroll-view class="container" scroll-y style="height:{{windowHeight}}px">
? ? 底部內容
</scroll-view>
<view class="pop"></view>
?
?
/**
? * 生命周期函數(shù)--監(jiān)聽頁面加載
? */
?onLoad: function (options) {
? ? /*獲取屏幕高度*/
? ? this.setData({
? ? ? windowHeight: wx.getSystemInfoSync().windowHeight
? ? })
?},文章來源地址http://www.zghlxwxcb.cn/news/detail-770278.html
到了這里，關于小程序 解決自定義彈窗滾動穿透問題，解決彈窗背景內容滾動問題的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
![解決微信小程序自定義組件報錯找不到路徑的問題:[ pages/home/home.json 文件內容錯誤] pages/home/home.json: [“usingComponents](https://imgs.yssmx.com/Uploads/2024/02/609673-1.png)
