微信小程序滾動穿透,打開彈窗(position: fixed),如何禁用底部內(nèi)容滾動?

彈窗通常都是這樣

.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

然后顯示彈窗之后,滑動底部的內(nèi)容卻可以滑動,
解決辦法,顯示彈窗的時候禁止?jié)L動,隱藏彈窗恢復滾動即可

// 禁止?jié)L動
disEnableScroll(e:any) {
   wx.setPageStyle({
      style: {
         overflow: 'hidden'
      }
   })
},
// 恢復滾動
enableScroll(e:any) {
   wx.setPageStyle({
      style: {
         overflow: ''
      }
   })
},
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容