收藏
回答

自定义弹出的遮罩层

问题模块
API和组件

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

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

最后一次编辑于  2017-05-11  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

6 个回答

  • Sincere 🐾
    Sincere 🐾
    2017-05-12

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

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

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

    2017-05-12
    赞同
    回复
  • 晓光
    晓光
    2017-05-12

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

    2017-05-12
    赞同
    回复
  • 自由马@西瓜科技
    自由马@西瓜科技
    2017-06-16

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

    2017-06-16
    赞同
    回复
  • 顺子
    顺子
    2017-07-10

    我也想知道是怎么实现的


    2017-07-10
    赞同
    回复
  • 冰糖雪梨
    冰糖雪梨
    2017-07-18

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

    2017-07-18
    赞同
    回复
  • Tony
    Tony
    2017-12-20

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

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




    2017-12-20
    赞同
    回复