javascript - 在底部加载可滚动的 div

Question

我正在用 javascript(没有 jQuery 的 angularjs)开发聊天功能，我想知道是否可以将可滚动的 div 加载到底部。

我知道 scrollTo js 属性，但在我的情况下它并不令人满意。

首先，看到 div 滚动到底部并不是一个很好的用户体验，而且我使用 onscroll(到顶部)分页。因此，如果我的 div 在触发滚动时加载到他的顶部，则会加载一个新页面。

总的来说，我想要一些类似于 facebook 聊天窗口的东西。

如果有人知道如何以优雅的方式做到这一点，请提前致谢。

编辑:

另一个限制是聊天消息是异步加载的，所以如果我只等待加载 DOM，我会滚动到空 div 的底部

Answer 1

我不确定这是否是您要查找的内容，但如果您的聊天窗口是一个带有 overflow: scroll 集的 div(如 FB 聊天)，如果您设置 scrollTop 属性，它不会工作吗？

这应该会立即设置新的滚动位置，因此您不会看到任何过渡。

我创建了一个小代码笔来演示它:http://codepen.io/anon/pen/dpkxl