我正在为我的网站开发一个即时消息页面,因此我想将div滚动到底部,以便可以看到最新的消息。页面保存为php文件,并使用jQuery进行滚动。
代码:
$(function() {
var wtf = $('#chat');
var height = wtf[0].scrollHeight;
wtf.scrollTop(height);
});
目前我使用下面的代码,但它非常有气质,只能在四分之一的情况下工作,我没有添加网页代码,因为它几百行,但如果有必要,我可以。是否有更好的解决方案可以更一致地工作?
答案 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