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状态。每次加载页面函数运行时，它都会以窗口为目标。它应该工作。

// 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页面加载未加载在页面顶部

1 个答案: