.scrollTop和.load Jquery

Question

我有一个div：

<div id="foo">
</div>

我用ajax将数据加载到它中，但是使用这种技术.scrollTop似乎不起作用。也许程序认为如果你理解我想说的是什么，只是JavaScript中的内容，那么它就没有任何“物理”。我怎样才能让它发挥作用？

代码：

<div id="conversation" name="conversation" style="height:400px;overflow:scroll;margin-top: 25px;"></div>

...

function loadConversation(){
   $("#conversation").load("../includes/ajax/getConversation.php?offset=0&memberid=1911&maxoffset=20");
   $('#conversation').scrollTop = 9999;
 }

 loadConversation();
 setInterval (loadConversation, 2500);

Answer 1

我一直认为scrollTop是一个函数而不是属性。你为什么不这样试试呢？

  $("#conversation").load("../includes/ajax/getConversation.php?offset=0&memberid=1911&maxoffset=20", function() {
     $('#conversation').scrollTop(9999);
  });

Answer 2

jQuery的加载函数是异步的，所以当你调用scrollTop时，仍然没有任何东西。

要做你想做的事，你需要在添加内容后使用回调来调用scrollTop。

试试这个：

$("#conversation").load("../includes/ajax/getConversation.php?offset=0&memberid=1911&maxoffset=20", function() {
    $('#conversation').scrollTop = 9999;
});