在寫移動端頁面的時候，彈出遮罩層后，我們仍然可以滾動頁面。vue中提供@touchmove.prevent.stop，@mousewheel.prevent方法可以完美解決這個問題。

<div class="dialog" @touchmove.prevent.stop @mousewheel.prevent></div>

如果不使用vue的話，可以給body添加overflow:hidden屬性解決。

總結

以上是生活随笔為你收集整理的【Vue】24.遮罩层阻止默认滚动事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。