使用CSS将div设置为滚动到底部

Question

我正在开发一款聊天应用。例如，如果您看到Facebook聊天窗口，则会有一个滚动条，最初位于底部以显示最新消息。同样，我想将div设置为最初完全滚动到底部。

默认情况下，如何将div垂直滚动设置为完全滚动到底部？

这是我的代码：

 <div id="divid" style="height:100px; border:2px solid #ccc; overflow: auto;">
     xcv sdf dfg sdfg
     dfg 
     sdf
     g sdfg sdfg sdfg dsfg
     sdfg dgfh dgfh
     dfgh fghdfgh
     gf hdfg hdfgh hgfdgf h
     gfhdgfh 
     dgfhfg
</div>

Answer 1

如果我的猜测是正确的，那么你正在寻找像

这样的东西

＆＃13;

＆＃13;

$('#divid').scrollTop(9999999);

＆＃13;

<div id="divid" style="height:100px; border:2px solid #ccc; overflow: auto;">
xcv sdf dfg sdfg
dfg 
sdf
g sdfg sdfg sdfg dsfg
sdfg dgfh dgfh
dfgh fghdfgh
gf hdfg hdfgh hgfdgf h
gfhdgfh 
dgfhfg

＆＃13;

＆＃13;

＆＃13;