better-scroll icon indicating copy to clipboard operation
better-scroll copied to clipboard

[New Feature] 向上无限滚动

Open canvascat opened this issue 6 years ago • 6 comments

What problem does this feature solve?

在IM应用中经常需要向上滚动加载旧消息,消息中涉及到多种类型消息的加载,而他们加载完成所需要的时间也不尽相同,这就意味着需要多次refresh计算高度scrollTo到一定的位置以此保证看到内容的位置不变。如果将内容起始位置固定在底部,通过改变translateY达到向上滚动,这样无论历史消息怎样加载,都不需要重新计算位置。 尝试通过使用position: absolute;bottom: 0;让起始位置为底部,但这样会照成其他功能不能使用。

What does the proposed API look like?

添加一个滚动模式

canvascat avatar Jan 22 '19 08:01 canvascat

这个你找到解决方案了吗。我最近也在找这个。

excxapp avatar Feb 14 '19 12:02 excxapp

微信那种模式,不论顶部如何加,都不变化的不知道如何实现的

excxapp avatar Feb 14 '19 12:02 excxapp

有朋友有实现思路的吗?

stackOverflowHidden avatar Dec 29 '20 11:12 stackOverflowHidden

我的解决是。容器 CSS 旋转 180°,内容也进行旋转,视觉效果变成了 向上加载更多。实际逻辑还是拉下加载更多。

Jiangluowen623 avatar Dec 30 '20 08:12 Jiangluowen623

我的解决是。容器 CSS 旋转 180°,内容也进行旋转,视觉效果变成了 向上加载更多。实际逻辑还是拉下加载更多。

这个我想过,会导致很多行为都会反过来。

canvascat avatar Jan 02 '21 08:01 canvascat

我的解决是。容器 CSS 旋转 180°,内容也进行旋转,视觉效果变成了 向上加载更多。实际逻辑还是拉下加载更多。

这个我想过,会导致很多行为都会反过来。

我是容器旋转180度,然后内容也旋转180度,这样就除了容器的滚动方向是反的,其它的都是正的;项目已经运行了三年以上了,目前没发现什么问题

shayeLee avatar Sep 27 '22 03:09 shayeLee