自定义弹出的遮罩层
发布于 4 年前 作者 qbai 15471 次浏览 来自 问答

场景:底层页面内容超出一屏,可以正常滚动。 按钮触发弹出遮罩层后,遮罩层因为是固定尺寸,所以内容超出后需要可以支持滚动。

问题:在滚动遮罩层的时候,总是会触发底层页面的滚动。请问微信官方有没有什么方法可以阻止顶层页面的滚动呢?感谢。

6 回复

如果是普通的view呢?而不是scroll-view。怎么阻止下层页面的跟随滚动呢

怎么实现自定义弹窗呢?谢谢

哈哈,6666,这个做法可以的,谢谢大兄弟了。

@晓光

遇到同样的问题,但是 scroll-y="{{!maskVisible}}" 没起作用。你是怎么做的?

<scroll-view class="container" scroll-y="{{hidePopup}}">


我也想知道是怎么实现的

遮罩层下面的列表时用scroll-view做的吗?假如控制遮罩层显示的是maskVisible这个变量,你可以在下面的scroll-view上的wxml写:

scroll-y="{{!maskVisible}}"

这样就可以在遮罩层可见的时候,下面的scroll-view滚动不了,不可见的时候就可以滚动。

回到顶部