js如何实现逆向瀑布流？

Question

最近要做一个pc页面上的类似聊天窗口的东西，有一个功能要求是向上滑动到一定距离之后加载聊天记录现实在前面，和微信QQ一样。但是js加载到数据插入当前数据前面生成dom之后，由于滚动条的位置是不变的，所以适口内部会展示刚加载出来的内容，而不是原来的内容。请问前面插入数据之后，如何保持当前的适口还是展示的没插入数据之前的内容？

Answer 1

加载到数据后，先获取当前滚动体的内容长度，然后将数据装载进入，同时将滚动条重新定位到之前的位置即可。