關於彈出蒙層禁止背景可滑動的實現方法

咱們在業務處理中,時常遇到這樣的狀況:css

在當前頁彈出一個蒙層,在蒙層上仍然可滑動底部背景,解決這個最通用的方法是,經過條件判斷,給底部背景動態添加或去除一個css類hiddenvue

.hidden {width: 100vh; overflow: hidden}event

在vue裏有個便捷的方式:class

<view class="mask" @touchmove.prevent />方法

相關文章
相關標籤/搜索