先來描述一下具體什么是滾動穿透行為，假設現(xiàn)在有一個長列表，可以上下滾動查看更多內容，假如我們點擊一個刪除按鈕，會彈出一個確認彈框，這時我們如果上下滑動頁面的話會發(fā)現(xiàn)彈框底下的列表內容依然可以上下滾動，如下所示：
Video_2022-12-02_111109
這樣的體驗效果并不是很好，按理來說當彈框顯示的時候，底下的列表頁面不能再滾動了，要解決這樣的問題其實也很容易
在對應頁面的**wxml文件的首行**添加如下代碼:
<!-- page-meta 只能是頁面內的第一個節(jié)點 -->
<page-meta page-style="{{ show ? 'overflow: hidden;' : '' }}" />
當彈框顯示的時候把show設置為true則禁止?jié)L動穿透，當關閉彈框時把show設置為false，則頁面可以滾動文章來源：http://www.zghlxwxcb.cn/news/detail-536163.html
Page({
data: {
show: false
},
// 彈框打開禁止頁面滾動穿透
handleDialogOpen() {
this.setData({
show: true
})
}，
// 彈框關閉允許頁面滾動
handleDialogClose() {
this.setData({
show: false
})
}
})
O了，就這么點代碼，親身試驗有效！如果能解決你的問題還望點個贊哦，祝你生活愉快！文章來源地址http://www.zghlxwxcb.cn/news/detail-536163.html
到了這里，關于解決微信小程序頁面滾動穿透問題的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
