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));

jQuery：滚动条不会跳转到底部

1 个答案: