收藏
回答

弹出层需要滚动,如何阻止滚动穿透

1、当弹出层需要滚动时,底部内容也会跟着滚动。

2、试过底部用scroll-view来解决这个问题,但scroll-view中列表内容过多时,会导致部分安卓机有时候很卡,渲染延迟等问题。而且scroll-view 中用position: sticky时,滑动一段距离后,sticky 吸顶就会失效,用其它方法做sticky,安卓机会有延迟。

3、也试过用底部页面 fixed 的方案来解决,不过fixed,设置页面top: -scrollTop 时,页面底部部分内容会变空白,且弹出层消失后,需要回滚到原来位置时,回滚有时会有延迟,且会先回滚到页面顶部,再滚动目标位置。

4、 picker 组件在弹出层中可以滚动,且底部不会滚动,应该不是用的滚动条来实现滚动的,请问各位大佬,picker 组件的滚动是用什么方式滚动的?我想模拟实现一个。

5、或者有什么好方法可以解决这个问题吗?

6、我看美团外卖的小程序做的阻止底部滚动就挺好的,就是不知道是怎么做的,


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

2 个回答

  • 还好
    还好
    2018-12-21

    catchtouchmove可以吗

    2018-12-21
    赞同
    回复
  • 管凯旋
    管凯旋
    2018-12-21

    这个百度解决比较好,根据自己的业务需求选适合自己的方法

    2018-12-21
    赞同
    回复