如题
m***@qq.com
- 发布：2019-01-13 15:56
- 更新：2021-11-22 20:01
- 阅读：24718
最佳回复
方案：给蒙板view增加.stop.prevent事件修饰符，如下：
<view class="mask" @touchmove.stop.prevent="moveHandle"></view>moveHandle 可以处理蒙版的touchmove实现，或者空实现亦可。
5***@qq.com - 慵懒の土豆
蒙版最外层加上 方法
@touchmove.stop.prevent="moveHandle"
moveHandle() {},
如果蒙版内有scroll-view 滑动效果会受到影响
给scroll-view加上 scroll-behavior: smooth; 即可
这个方法仅针对弹出层没有滚动的情况有效，一旦弹出层中包含滚动视图，也无法阻止底层的页面滚动，这个问题好老火
-
回复 sei摸挑: 不行的，就是给弹出层view加@touchmove.stop.preven="方法"，这个方法只对不含有滚动视图的弹出层绝对有效，只要有滚动视图在弹出层内部，就不行了，而且都实验过了，真机，模拟器都不行，我这边是安卓app，我现在临时解决的办法就是H5的惯用方法，弹出层出现时记录页面滚动值，然后用css把页面给fixed，然后利用滚动值做一个top偏移来保持弹出时页面位置正确，当弹出层取消时，恢复所有状态,，有些麻烦，但目前也只能这么做了
2020-01-06 11:40
-
回复 sei摸挑: 其实问题不是在touch move状态，因为滑动弹出层内部的滚动视图时，在滑动期间，页面是不会跟着动的，而是在当滚动视图已经到底部或者顶部时（也就是明明到底了，你还在往底的滑动的话），会自然的拖动底层的页面滚动
2020-01-06 11:46
-
回复 sei摸挑: 对的，我发现我一开始就没有表述清楚，仅针对弹出层内部的滚动视图已经到底了或者到顶了，你继续强行滑动（这种场景很常见，因为你不知道滚动视图有多长，难免发生到底了，还用手滑那么一下），这个时候就会导致页面底部滚动了，所以手指在正常滑动弹出层内部的滚动视图时没有问题的。
2020-01-06 12:09
-
这个问题你解决没有我也遇到了 没到底部stop 是可以阻止冒泡 可是到了底部或者顶部 继续拖scroll-view 就会直接操作page 烦得很
2020-01-19 22:26
-
有个办法笨是笨了一点
设置一个样式
.overflow{
height: 100vh;
overflow: hidden;
}
给最外边的盒子动态添加，蒙版出来了加上overflow样式，关闭了样式为空
好使，就是麻烦 ☺
给外面的盒子加一个:class="isUp==true? 'productDetail prevent' : 'productDetail'"
prevent 添加css属性：fixed top:0rpx
当遮罩出现时isUp 变为true
当遮罩关闭时isUp 变为false
这样就可以做到后面的不滑动 遮罩层正常滑动
我的方案是弹出层组件打开时记录当前父页面的滚动位置，弹出关闭后再用pageScrollTo滚过去。只适用于不透明的组件。
Vue.mixin({
onPageScroll(e) {
getApp().globalData.scrollTop = e.scrollTop;
}
});
d***@foxmail.com
真棒
2019-02-22 14:37
d***@hisen.com
蒙版下的页面是不滚动了，可是蒙版上的内容也不能滚动了，这怎么解决？
2019-03-11 09:30
wangzifan
回复 d***@hisen.com:请问你这个问题解决了吗？我也遇到这个问题了
2019-04-10 16:04
DCloud_UNI_CHB
回复 d***@hisen.com:蒙版和弹出内容（popup）不同，蒙版一般是全屏半透明遮罩，上面不会显示内容，若要显示内容，需通过popup组件展示，可参考 hello uni-app 扩展组件中的 popup示例
2019-04-18 09:46
1***@qq.com
回复 d***@foxmail.com: 是不是要在真机上才能看到效果
2019-05-21 14:42
1***@qq.com
回复 DCloud_UNI_CHB: 是不是要在真机上才能看到效果
2019-05-21 14:42
d***@foxmail.com
回复 1***@qq.com: 都可以看到
2019-05-21 15:33
1***@qq.com
回复 d***@foxmail.com: 那我的看不到啊
2019-06-03 14:26
王老吉润喉糖
回复 d***@hisen.com: 请问你的问题解决了吗，我的也是蒙版上的内容也不滚动了
2019-10-28 13:33
孙逊大神
回复 王老吉润喉糖: 大佬解决了吗,我特么也遇到这问题
2019-11-09 10:55
慢慢成长
popup内容部分的滚动穿透没用额
2019-12-17 11:13
q***@163.com
可以通过js阻止页面滚动吗？
2020-01-21 13:52
simpleLove
回复 d***@hisen.com: 同问蒙版下的页面是不滚动了，可是蒙版上的内容也不能滚动了，这怎么解决？
2020-05-27 16:10
v***@gmail.com
回复 simpleLove: 同问
2021-11-30 23:53