版權聲明：本文首發 http://asing1elife.com ，轉載請注明出處。 https://blog.csdn.net/asing1elife/article/details/82696872

移動端彈出遮罩層時防止底部頁面滾動

如果底部頁面内容過多出現滾動條，此時彈出遮罩層後，在遮罩層滑動頁面也會導緻底部頁面響應滾動操作

更多精彩

• 更多技術部落格，請移步 asing1elife’s blog

解決辦法

1. 監聽遮罩層的打開和關閉
   • 打開時設定底部頁面的

     position: fixed

   • 關閉時恢複預設布局

     position: static

watch: {
  'popupVisible'(val) {
    if (val) {
      this.$refs.portal.style.position = 'fixed'
    } else {
      this.$refs.portal.style.position = 'static'
    }
  }
}