javascript - 如何向下滚动页面以使指定元素位于顶部？

Question

我有这个 jQuery，它从 Controller 方法获取 html 数据，并将其添加到 up-until-then-empty 元素中:

$("#btnViewList").click(function () {
    $.ajax({
        type: "GET",
        url: '@Url.Action("GeneratePDFOfReportFutures", "GenerateScheduledRptsPDF")',
        success: function (retval) {
            $("#tableshell").append($(retval));
            $("html, body").animate({ scrollTop: $(document).height() }, 1000);
        },
        error: function () {
            alert('error in btnViewList');
        }
    }); 
}); 

被膨胀的元素很简单:'

<div id="tableshell">   
</div>

附加数据后，我想向下滚动页面，以便动态添加的 html 可见，而无需用户手动向下滚动页面。我找到代码jQuery Scroll To bottom of the page移动到页面的底部，它可以工作，但我希望新添加的 html 的第一部分在滚动后可见区域的顶部可见。

这是如何实现的？

Answer 1

你试过这个代码吗

$('html, body').animate({
    scrollTop: $("#tableshell").offset().top
}, 1000);

请告诉我这是否适合您