javascript - 完成AJAX后滚动到div的底部

我在这里看到了如何滚动到div的底部...
但是以某种方式它对我不起作用...与自动对焦相同。

猜猜问题是我进行了AJAX调用，但它不起作用。

我的AJAX电话:

  function toonBericht(vuserid) {
    $("#verstuurbericht").show();
    $("#chatresultaatcontent").val("");

    $.ajax({
      type: "GET",
      data: { userid:vuserid },
      url: './query/berichten/getbericht.php',
      success: function(result) {
        $("#chatresultaatcontent").html(result);
        var objDiv = document.getElementById("chatresultaatcontent");
        objDiv.scrollTop = objDiv.scrollHeight;
      }
    });
  }

然后，当然还有一个名为#chatresultaatcontent的div。
它包含已来回发送的聊天消息。

作为替代方案，我还尝试在成功后使用以下代码加载函数(即scrollBottom()):

$("#chatresultaatcontent").scrollTop($("#chatresultaatcontent")[0].scrollHeight);

这也无济于事。成功后尝试自动聚焦于某个 Realm 时会遇到同样的问题……有人知道为什么吗？

最佳答案

试试这个:

success: function(result) {
    var content = $("#chatresultaatcontent");
    content .
        html(result).
        delay(50).
        scrollTop(content[0].scrollHeight);
        // The delay seems essential due to some strange problems
        // with the OP's code
  }

A working Demo