如何在div底部保持滚动条？

我有很多选项卡，当单击任何选项卡时，会显示垂直滚动div。 喜欢facebook的消息页面：点击任意用户的名字。 默认情况下，对话框似乎和滚动条位于div的底部 。

这是标签：

 @foreach (var item in Model) { 
 @item.Name 
 }  

内容：

 @foreach (var item in Model) { 
 @item.News 
 } 

和CSS：

 .scrollingDiv { overflow-x: hidden; max-height: 500px; overflow-y: scroll; } 

单击任何选项卡时，我想在底部保留滚动条。 （总是看到最新消息）。 也是当前的div。 我查了这个问题。 但是在我的申请中没有用。 我该如何解决这个问题？

Answer 1

jQuery的scrollTop()函数可能正是您所需要的。 见http://api.jquery.com/scrollTop/

Answer 2

使用JavaScript，您可以执行类似的操作

 var d = document.getElementById('myDiv'); if(d.scrollHeight > d.clientHeight) { d.scrollTop = d.scrollHeight - d.clientHeight; } 

每次向div添加内容或者希望可滚动容器滚动到底部时执行此逻辑。