收藏
回答

小程序滚动穿透问题

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


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

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

最后一次编辑于  2018-08-29
回答关注问题邀请回答
收藏

1 个回答

  • 九歌^
    九歌^
    2018-09-03

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

    2018-09-03
    有用
    回复 5
    • WGinit
      WGinit
      2018-09-04

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

      2018-09-04
      回复
    • 九歌^
      九歌^
      2018-09-04

      双层可以??

      2018-09-04
      回复
    • 夜 惊 魂
      夜 惊 魂
      2021-08-02
      请问下page-meta怎么用,才能处理好这个问题
      2021-08-02
      回复
    • 夜 惊 魂
      夜 惊 魂
      2021-08-03回复九歌^
      谢谢您,不过我用的是Taro,Taro中使用PageMeta是没效果,原生的小程序有效果
      2021-08-03
      回复
    • 夜 惊 魂
      夜 惊 魂
      2021-08-03回复九歌^
      谢谢啦
      2021-08-03
      回复
登录 后发表内容