jquery如何让滚动条默认在最底部? 20
<div id="content"></div>
css设置的是overflow:auto; 就是内容多了高度不够就会出来滚动条,
然后我希望刷新一下,这个滚动条默认的在最底下的位置,请问这个要怎么设置? 展开
使用如下代码可让滚动条默认在最底部:
$(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事件要谨慎使用。
在ready方法里写
$('#content').scrollTop( $('#content')[0].scrollHeight );
$(document).ready(function() {
$("#content").scrollTop($("#content")[0].offsetHeight);
});
content.scrollTop = content.scrollHeight;