Question

我有一个脚本，可以自动重新加载div的内容。该代码有效，但是有一件事我无法解决：

我第一次加载页面时，滚动条会转到div的底部（很好），但是当您使用脚本进行更新（从第二个开始）时，滚动条会停留在上面。

<script>
  setInterval("my_function1();",5000);
  $("#interno_chat").scrollTop($("#interno_chat")[0].scrollHeight);
  function my_function1(){
    $('#interno_chat').load(window.location.href + ' #interno_chat');

  }
</script>

如果我将scrollTop-scrollHeight放在my_function1中，则该代码即使在第一次也无法正常工作。

谢谢

Answer 1

<script>
  setInterval("my_function1();",5000);
  $("#interno_chat").scrollTop($("#interno_chat")[0].scrollHeight);
  function my_function1(){
    $('#interno_chat').load(window.location.href + ' #interno_chat', function() {
        $("#interno_chat").scrollTop($("#interno_chat")[0].scrollHeight);
    });        
  }
</script>

我怀疑问题是您没有等待内容加载。

请参见http://api.jquery.com/load/

充电后将div滚动到底部

1 个答案: