- 在蒙板上加上事件<view class="mask"@touchmove.stop.prevent="moveHandle"></view>
moveHandle(){}, 但是滾動的底部內(nèi)容會頂置
2.控制底層不給滾動, 同樣的滾動的底部內(nèi)容會頂置
<view :class="mask ? 'tl-show': ''">
data() {
return {
mask: false,
}
}
// 如果要顯示遮罩層辨赐，那么用css控制底部的不允許滾動。
.tl-show{
overflow: hidden;
position:fixed;
height: 100%;
width: 100%;
}
轉(zhuǎn)自: http://www.reibang.com/p/a1e5177e553f
最后的解決方法, @touchmove.stop.prevent 然后彈窗里面再加上scroll-view , 但是還有個小問題就是滾到底部, 底層還是會滾下去
image.png
image.png
滾下是報錯了 Ignored attempt to cancel a touchmove event with cancelable=false, for examp
解決方法如下:
我們只需要將滑動報錯的標(biāo)簽上加上一個樣式即可 touch-action: none;
touch-action ：當(dāng)你觸摸并按住觸摸目標(biāo)時候京办，禁止或顯示系統(tǒng)默認(rèn)菜單掀序。
touch-action取值有一下兩種
none：系統(tǒng)默認(rèn)菜單被禁用
default：系統(tǒng)默認(rèn)菜單不被禁用
1.添加樣式更改:
將滑動報錯的標(biāo)簽樣式添加： touch-action: none;
或者設(shè)置全局公共樣式： *{touch-action: none;}
原文鏈接：https://blog.csdn.net/qq_38942978/article/details/105635735
