jquery .get 页面加载未加载到页面顶部

Question

现在我有一个脚本，当您单击一个按钮时，它的内容会动态加载到内容容器中，而不是在顶部加载（加载的高度与您在上一个动态加载的页面上滚动时的高度相同）。我尝试放入 scrollTop 和我可以在网上看到的所有其他修复程序，但似乎没有任何效果。

这里是jquery

$(document).on('click', '.load-page', function(){

    var href = $(this).attr("data-href");

    $.get(href,function (hdisplayed) {
        $("#content").html( hdisplayed ).scrollTop(0);
    });
});

我尝试将 .scrollTop() 放在我能想到的任何地方，但它不起作用。如果您认为自己知道如何将其放入其中，将不胜感激，谢谢。

编辑：这是请求的 HTML

<li data-href="home.html" class="load-page"></li>

<div id="content"></div>

Answer 1

我已将以下内容添加到您的函数中：

$(window).scrollTop(0);

这将利用 scrollTop 并将其重置为 0 状态。每次加载页面功能运行时，它都以 window 为目标。它应该工作。

// loads pages
        $(document).on('click', '.load-page', function(){
        var href = $(this).attr("data-href");

        $.get(href,function (hdisplayed) {
            $("#content").html( hdisplayed );
   $(window).scrollTop(0);
        });
    });

jquery .get 页面加载未加载到页面顶部

jquery .get page load not loading at top of page

html

jquery

scrolltop