在不滚动页面的情况下将div跳到底部

Question

我有一个内部div包含一个列表，最近的列表项位于底部。 div是较大页面的一部分。基本上我希望div默认为列表项的末尾，然后用户将在div中向上滚动以查看较旧的内容。我不希望页面滚动到div的底部，如果我使用以下函数

会发生这种情况

//Slide chat down to bottom
$("#div").scrollTop(function(){
    return $(this).height();
});

外部div将是整个页面。因此，用户需要向下滚动到内部div，然后查看最后一个列表项。如果他们想要，他们可以使用内部滚动条查找旧项目

感谢

Answer 1

您可以在纯JavaScript中执行此操作：

var inner = document.querySelector('.inner');
inner.scrollTop = inner.scrollHeight;

DEMO