在做小程序项目 catchtouchmove 阻止蒙层穿透,华为mate40pro不好使的bug,这里分享一个彻底解决滚动穿透的方法。
使用官方的page-meta组件,很多童鞋可能还不知道这个是干嘛的,这里贴下官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html
通过该组件我们可以直接操作Page
组件 ,我们给它的wxss样式overflow动态设置hidden
orvisible
就可以控制整个页面是否可以进行滚动。
示例代码:
<page-meta page-style="overflow: {
{visible ? 'hidden' : 'visible'}}" />
<button class="button" bindtap="handleClick">点我弹出弹窗</button>
<!-- 模拟页面滚动 -->
<view wx:for="{
{300}}" wx:key="index">{
{item}}</view>
<!-- 分享弹窗 -->
<view class="dialog-wrap {
{visible ? 'active' : ''}}">
<view class="dialog-back {<