javascript - 使用ajax滚动溢出的div

Question

我知道有类似的帖子，但我在其中找不到任何对我有用的答案。我希望新消息滚动到底部，但它没有这样做。

这是我的脚本 show_messages.js:

我有一个名为“show-messages”的div，设置了溢出:自动

$(document).ready(function() {
    // grab id from html attribute
    var uid = $('#message').attr('name');

    setInterval(function() {
        // load messages with userid
        $('#show-messages').load('show_messages.php?uid=' + uid);
        $("#show-messages").scrollTop = $("#show-messages").scrollHeight;

    }, 500 );
});

有没有人有任何想法可能会导致无法向下滚动？

Answer 1

我认为你应该使用 .scrollTop 函数作为加载方法的回调。

$('#show-messages').load('show_messages.php?uid=' + uid, function () {
        $("#show-messages").scrollTop($("#show-messages")[0].scrollHeight);
});