小编Roe*_*erg的帖子

对于用于研究网站交互的模型网页，我使用 JavaScript 创建了一个模型消息流。此消息流加载到 IFrame 中，并应按预设的时间间隔显示图像，并在将新图像放置在页面底部后滚动到页面底部。使用提供的脚本可以很好地显示图像。然而，Chrome 和 IE 似乎都无法将页面滚动到底部。我想在附加图像后立即滚动到页面底部，但现在添加了 5 毫秒的延迟，因为这有时似乎有效。我的问题是：

• 可以使用 document.body.scrollHeight 来实现此目的吗？
• 我可以让滚动直接发生，还是需要在滚动之前有一个小的间隔？
• 如何让代码在添加图片后直接滚动到IFrame的底部？

使用以下函数并在 Load 时启动 trypost()：

function scrollToBottom(){
  window.scrollBy(0,document.body.scrollHeight);
}

function trypost(){
  point = point + 1;
  if(point < interval.length){
    //create and append a new image
    var newImg = document.createElement("IMG");
    newImg.src = "images/"+images[point]+".png";
    document.getElementById('holder').appendChild(newImg);
    //create and append a return
    var br = document.createElement("br");
    document.getElementById('holder').appendChild(br);
    //time scroll to bottom (after an arbitrary 5 seconds)
    var stb = window.setTimeout(scrollToBottom, 5);
    //time next post
    var nextupdate = interval[point]*400;
    var tp …