Question

jquery如何让滚动条默认在最底部？

我这里有一个div
<div id="content"></div>
css设置的是overflow:auto; 就是内容多了高度不够就会出来滚动条，
然后我希望刷新一下，这个滚动条默认的在最底下的位置，请问这个要怎么设置？

Answer 1

使用如下代码可让滚动条默认在最底部：

$(document).ready(function(){  

$("#submit").click(function(){

$("#info").append("admin:"+$("#talk").val()+"\n");

$("#info").scrollTop($("#info")[0].scrollHeight);

$("#talk").val("");

});

});

jQuery 里和滚动条有关的概念很多，但是有三个属性和滚动条的拖动有关，就是：scrollTop、scrollLeft、scrollHeight。

1、可见高度：viewHeight,可以理解为打开见浏览器空白页见到的空白区域的高度。

2、内容高度：containHeight,这个就是我们关心的高度，它是内容的总高度，包括隐藏在滚动条下面的内容。

3、滚动的高度：scrollHeight,这个是滚动的高度，它是滚动条滚动了多少的意思。

代码解说：

nScrollTop + nDivHight >= nScrollHight。

程序中，在外部div的scroll（滚动）事件中侦测和执行if判断语句，是非常消耗CPU资源的。用鼠标拖拉滚动条，只要有一个像素的变动就会触发该事件。但点击滚动条两头的箭头，事件触发的频率会低得多。所以滚动条的scroll事件要谨慎使用。

Answer 2

在ready方法里写

$('#content').scrollTop( $('#content')[0].scrollHeight );

Answer 3

 $(document).ready(function() {
 $("#content").scrollTop($("#content")[0].offsetHeight);
        });

Answer 4

var content = document.getElementById('content');
content.scrollTop = content.scrollHeight;

Answer 5

$('#content').scrollTop( $('#content').height() );