弹出层需要滚动,如何阻止滚动穿透
发布于 6 年前 作者 zhangxiuying 6924 次浏览 来自 问答

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

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

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

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

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

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

2 回复

catchtouchmove

可以吗

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

回到顶部