jQuery滚动到div的底部非常有气质

时间:2015-01-09 16:03:45

标签: javascript php jquery html

我正在为我的网站开发一个即时消息页面,因此我想将div滚动到底部,以便可以看到最新的消息。页面保存为php文件,并使用jQuery进行滚动。

代码:

$(function() {
var wtf    = $('#chat');
var height = wtf[0].scrollHeight;
wtf.scrollTop(height);
});

目前我使用下面的代码,但它非常有气质,只能在四分之一的情况下工作,我没有添加网页代码,因为它几百行,但如果有必要,我可以。是否有更好的解决方案可以更一致地工作?

2 个答案:

答案 0 :(得分:0)

Alex,我会尝试使用

加载此功能
$(window).load(functiion() {
   //your code here
   var wtf    = $('#chat');
   var height = wtf[0].scrollHeight;
   wtf.scrollTop(height);
}

与document.ready之间的区别是document.ready在加载文档时触发,在某些情况下加载整个页面之前。如果你这样做,它的加载时间会稍微慢一些,但你的脚本应该至少一致地工作。我遇到过类似的麻烦。试一试,让我知道它对你有用。

答案 1 :(得分:0)

在div ... <a href="#bottomofdiv"></a>之后添加一个锚点然后当你刷新... yourpage#bottomofdiv