收藏
回答

小程序滚动穿透问题

问题描述: 列表页上点击单个item时触发弹窗,在弹窗内有多个选项也是可以滚动,当弹窗内滚动至顶或底时,再滚动则会穿透至列表使其滚动,,想请教下大佬们如何避免滚动穿透呢?


尝试办法: 1、遮罩层设置catchtouchmove="{{true}}", 能解决在遮罩层阻止滚动穿透,但不能阻止浮窗层穿透,失败;

                    2、点击浮窗出现时,给列表盒子加类,给fixed定位或overflow-y:hidden, 实际显示会导致列表定位置顶,可以解决穿透问题,但这种体验及差,否了。

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

1 个回答

  • 仙森ღ₅₂₀¹³¹⁴
    仙森ღ₅₂₀¹³¹⁴
    2018-09-03

    同问,要做页面筛选 然后弹窗上是个scroll-view scroll-view可以滚动。会导致底部也滚动。设置catchtouchmove也不行

    2018-09-03
    赞同
    回复 2
    • WGinit
      WGinit
      2018-09-04

      你们产品如果不太注重交互的话,可以在底部page也用上scorll-view ,双层scroll-view 可以有效阻止滚动穿透

      2018-09-04
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      2018-09-04

      双层可以??

      2018-09-04
      回复