vue仿照微信得聊天记录下拉加载，新加载得数据在已有数据得顶部，并且滚动条保持在上一条数据得位置

Question

有思路的大佬们给说下思路呗

Answer 1

scrollIntoView　或许你可以用这个api

Answer 2

document.scrollTop的值记录下来，然后返回到这个页面的时候，再重新赋值回去

Answer 3

你可以考虑使用1楼的建议，但是这个是一个新特性，并且处于草案的状态。

也可以使用 obj.offsetBottom 来获取距离底部的距离，历史消息记载完成后获取容器的 scrollHeight，减去之前的 offsetBottom ，然后设置 scrollTop 。

只是一个想法，并没有尝试过，不过现在的好像都是使用 transform 来做虚拟滚动，所以我这个想法也不知道能否实现。

Answer 4

以前写过“下拉更新”，大概是这样：

1. scrollTop === 0
2. touchstart 记录位置 y0
3. touchmove 记录位置 y1，用 transform: translateY((y1 - y0) / 2) 来制造位移。之所以这么做是为了造成“很紧”的效果。
4. touchend 之后，如果 y1 - y0 > 阈值 则加载

但是感觉你问题问错了，你应该是想问“上滚加载更多”吧？