本篇文章為大家展示了怎么在微信小程序中實現(xiàn)彈窗禁止頁面滾動功能，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創(chuàng)新互聯(lián)公司作為成都網(wǎng)站建設公司，專注網(wǎng)站建設公司、網(wǎng)站設計，有關成都企業(yè)網(wǎng)站定制方案、改版、費用等問題，行業(yè)涉及成都格柵板等多個領域，已為上千家企業(yè)服務，得到了客戶的尊重與認可。

在小程序彈窗時，外部頁面禁止?jié)L動， 可以在最外部容器設置catchtouchmove

但是如果彈窗內(nèi)部也需要滾動，需要用scroll-view包裹，并設置scroll-y
catchtouchmove需要接收個方法，不然會一直警告

占位

 
 
  
   {{index}}
  
 

.box {
 height: 120vh;
}

.popbg {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.7);
}

.popup {
 position: fixed;
 top: 20%;
 left: 50%;
 transform: translate(-50%, 0);
 width: 70%;
 background: #fff;
 z-index: 1;
}

scroll-view {
 height: 500rpx;
}

.row {
 width: 100%;
 height: 200rpx;
}

Page({
 touchMove() {
  return
 }
})

上述內(nèi)容就是怎么在微信小程序中實現(xiàn)彈窗禁止頁面滾動功能，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享標題：怎么在微信小程序中實現(xiàn)彈窗禁止頁面滾動功能-創(chuàng)新互聯(lián)
本文來源：http://weahome.cn/article/eeess.html