better-scroll
better-scroll copied to clipboard
[New Feature] 向上无限滚动
What problem does this feature solve?
在IM应用中经常需要向上滚动加载旧消息,消息中涉及到多种类型消息的加载,而他们加载完成所需要的时间也不尽相同,这就意味着需要多次refresh
计算高度scrollTo
到一定的位置以此保证看到内容的位置不变。如果将内容起始位置固定在底部,通过改变translateY
达到向上滚动,这样无论历史消息怎样加载,都不需要重新计算位置。
尝试通过使用position: absolute;bottom: 0;
让起始位置为底部,但这样会照成其他功能不能使用。
What does the proposed API look like?
添加一个滚动模式
这个你找到解决方案了吗。我最近也在找这个。
微信那种模式,不论顶部如何加,都不变化的不知道如何实现的
有朋友有实现思路的吗?
我的解决是。容器 CSS 旋转 180°,内容也进行旋转,视觉效果变成了 向上加载更多。实际逻辑还是拉下加载更多。
我的解决是。容器 CSS 旋转 180°,内容也进行旋转,视觉效果变成了 向上加载更多。实际逻辑还是拉下加载更多。
这个我想过,会导致很多行为都会反过来。
我的解决是。容器 CSS 旋转 180°,内容也进行旋转,视觉效果变成了 向上加载更多。实际逻辑还是拉下加载更多。
这个我想过,会导致很多行为都会反过来。
我是容器旋转180度,然后内容也旋转180度,这样就除了容器的滚动方向是反的,其它的都是正的;项目已经运行了三年以上了,目前没发现什么问题