如题
- 发布:2019-01-13 15:56
- 更新:2021-11-22 20:01
- 阅读:24793
最佳回复
方案:给蒙板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