滚动到DIV的底部每X秒

Question

这里是我的代码：

function scrollFix() { 
    var objDiv = document.getElementById("chat_box_scroll_region"); 
    objDiv.scrollTop = objDiv.scrollHeight; 
} 

setTimeout(scrollFix(), 500); 

你看到什么错？随着铬内置控制台我得到：

TypeError: Cannot read property 'scrollHeight' of null 

然后什么也没有发生。我应该指出，如果这件事很重要，元素的内容将会每隔一秒左右扩大。

编辑：我希望能够到书签JavaScript代码和只运行一次，并得到它的工作...

Answer 1

TypeError: Cannot read property 'scrollHeight' of null意味着document.getElementById("chat_box_scroll_region");没有找到与该ID的元素。使用Firebug/Chrome开发者工具来验证您的div具有的确切ID。

Answer 2

要报告的错误表明objDiv == null，这意味着，在执行的时候，没有一个名为“chat_box_scroll_region”元素在文档中存在。

如果您的目的是在500毫秒超时后运行scrollFix（），您将需要用引号引起来电，如setTimeout("scrollFix()", 500)。否则，scrollFix将立即被调用，并且它的返回值将被传入setTimeout。

一个更好的选择可能实际上是在身体的onload处理程序中执行该代码。 即，在HTML文档中，贴上像onload='javascript:scrollFix()'属性的body标签。更进一步，因为我假设你想要定期执行这个函数（虽然也许有更好的方法来处理一个滚动的聊天室），你也可以在scrollFix（）函数的结尾调用setTimeout("scrollFix()", 500) 。

Answer 3

那是什么错误是告诉你的是，它无法找到ID为“chat_box_scroll_region”的元素。如果你已经把你提供的代码放在你定义“chat_box_scroll_region”元素的页面ABOVE中，这可能会发生。一旦页面被完全加载，你会希望让它调用函数。另外，如果您希望它不断尝试向下滚动，则需要告诉该函数再次调用自己。

function scrollFix() { 
    var objDiv = document.getElementById("chat_box_scroll_region"); 
    objDiv.scrollTop = objDiv.scrollHeight; 
    setTimeout("scrollFix();", 500); 
} 
window.onload = function() { scrollFix(); }