javascript - jQuery：滚动条不会跳到底部

Question

我有这个代码：

$(function () {
    $("#retrieve").click(function () {
        $.ajax({
            url: "retrieve.php",
            data: null,
            type: "POST",
            success: function (data) {
                $("#html").html(data, function () {
                    $("#html").scrollTop($("#html").scrollHeight);
                });
            },
            cache: false
        });
    });
});

但它确实滚动到底部。我的代码或浏览器中是否有任何错误似乎没有完成我给它的任务？

Answer 1

.scrollHeight是一个 Javascript 属性 -$("#html")是一个 jQuery 集合。您不能直接在 jQuery 集合上引用 Javascript 属性 - 您需要先将集合过滤为单个 DOM 元素，或者使用基于 jQuery 的方法。

尝试以下操作：

$("#html").scrollTop($("#html").prop("scrollHeight"));

或者

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