uni-app. VUE3中, 有什么方法可以禁止"滚动穿透"吗?
我是采用"蒙层"VIEW来 遮挡的方式,
当滑动蒙层时, 如果蒙层已到底(或到顶), 滑动操作就会传到父页面上.
我试了网上的
方法1:
<page-meta :page-style="'overflow:'+(showTree?'hidden':'visible')">
这个能编译,但运行时, 不正常, 只出现一个HEADER,其它全白
方法2:
style="touch-action: none;" cancelable=true @touchmove.stop.prevent
这个好像来回多滑动几下,就失效了
.
1 个回复
1***@qq.com (作者)
搞定了, 其实, VUE3中,
只需要父页面中,
先套一个VIEW WIDHT=100%
再套一个SCROLL-WIDTH WIDTH-100% 通过控制这个 :scroll-y="变量"
然后,再是你的蒙层.(当然,你蒙层中,也是一个VIEW,现套一个SCROLL-view)
当你蒙层显示时, 就让前面那个"变量"为FALSE, 则父页面就不会滚动了
已测试OK, VUE3,
特此分享.