收藏
回答

自带滚动效果的蒙层 阻止穿透触发page的滚动

页面要有下拉刷新功能,所以页面本身要用page的滚动,现在有个蒙层,蒙层里面要有滚动,如何阻止蒙层的滑动穿透到页面上造成page滚动(和下拉刷新)?

最后一次编辑于  2018-01-24  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

8 个回答

  • HS
    HS
    2018-01-24

    您可以尝试使用 view 组件,指定其 max-height、overflow、-webkit-overflow-scrolling、pointer-events 等样式属性。

    2018-01-24
    赞同
    回复
  • 牛
    2018-05-28

    动态禁止下拉刷新的方法找到了吗

    2018-05-28
    赞同
    回复 1
    • ChocKing
      ChocKing
      2018-05-29

      2018-05-29
      回复
  • ChocKing
    ChocKing
    2018-01-29

    @吴剑波  没有onPullDownRefresh方法  还是会有下拉动画的。。别说实时修改PageConfig了  能动态修改page的样式都好很多了

    2018-01-29
    赞同
    回复
  • 吴剑波
    吴剑波
    2018-01-26

    也许可以试着

    delete this.onPullDownRefresh 还有 this.onPullDownRefresh = someHandler 的方式动态 moncky patch 这个页面配置(暂时还不能称之为一个类)。


    如果不行的话,那就没招了哦。毕竟不能实时修改一个 PageConfig。

    2018-01-26
    赞同
    回复
  • ChocKing
    ChocKing
    2018-01-25

    @吴剑波  这样是可以阻止滚动,但是蒙层上的滑动会触发page的下拉刷新

    2018-01-25
    赞同
    回复
  • 吴剑波
    吴剑波
    2018-01-25

    可以考虑在 modal 展示时给 page 标签或者最根部的 view 加上 overflow: hidden; 宽高固定为 100vw 和 100vh 等方式暂时阻止滚动。


    记得在 modal 消失时去掉该样式。

    2018-01-25
    赞同
    回复
  • ChocKing
    ChocKing
    2018-01-25

    @んS 我试过蒙层里面的滑动只有capture-catch:touchmove能阻止穿透到页面  但是现在蒙层里面需要滚动, 另外希望能出个pull-refresh-scroll-view组件  不用依赖页面的滚动

    2018-01-25
    赞同
    回复
  • ChocKing
    ChocKing
    2018-01-24

    心好累

    2018-01-24
    赞同
    回复