原文：小程序遮罩層禁止頁面滾動（遮罩層內部可以滾動）
wxml 使用scroll view包裹 scrolly y要寫 scroll view scroll y class mask box catchtouchmove ture view class box view scroll view wxss 樣式 .mask box width: rpx height: rpx position: fixed top: left: margin top: ...
2019-12-27 11:53 0 1726 推薦指數：
相關推薦
// 封裝禁止頁面滾動方法（該方法兼容PC端和移動端）var topSpace = 0function BodyScroll (isState) { var bodyDoc = document.body if (isState) {topSpace = window.scrollYbodyDoc ...
1、css 樣式： .mask{ background: rgba(59, 59, 59, 0.9); /* opacity: 0.9; */ position: fi ...
圖示位置出現遮罩層，下面滾動； 原因： touchmove事件冒泡； 解決方法： 冒泡就要阻止，在遮罩層阻止冒泡，小程序里面 catch+時間名可以阻止冒泡， 所以 在遮罩層填上事件 catchtouchmove="preventdefault" 小程序 ...
<!-- 禁止滑動 添加catchtouchmove--> <view class='maskView' catchtouchmove='test'> <view class= 'mask-bg'> < ...
轉自：https://www.jianshu.com/p/6fb10c78bbd7 實現遮罩效果 Html CSS 阻止遮罩層下的頁面滾動 只需要在遮罩層上加上catchtouchmove='ture' 需要 ...
彈窗是一種常見的交互方式，而蒙層則是彈窗必不可少的元素，用於隔斷頁面與彈窗區塊，暫時阻斷頁面的交互。但是，我們會發現，當彈出遮罩層后，底層body的內容也是可以滾動，顯然這不是我們想要的效果，而這個問題就是小萌最近開發項目時遇到的問題。 一個小程序的項目，是用MPVUE(一個使用 Vue.js ...
在遮罩層添加 (前提使用vue)@touchmove.prevent HTML: ...