如何实现 让具有overflow-y:auto属性的box内容滚动到底部

Question

当我们给一个容器box添加一个overflow-y: auto, 那么超出的部分就可以滚动显示，我想知道如何写一个方法，点一下按钮，就能直接滚动到最底部的内容。

类似微信/QQ的聊天窗口，发信息之后，最新信息在最底部显示。

求大神帮助。

Answer 1

var boxId="answerEditor";
var boxElement=document.getElementById(boxId);
boxElement.scrollTop=boxElement.scrollHeight-boxElement.clientHeight;

容器的内容总高度scrollHeight与容器的高度差为容器滚动到底部的scrollTop值