Jquery 获取页面加载而不是在页面顶部加载

Jquery 获取页面加载而不是在页面顶部加载,jquery,html,scrolltop,Jquery,Html,Scrolltop,现在我有一个脚本,当你点击一个按钮时,它的内容被动态加载到一个内容容器中,而不是在它的顶部加载(加载的高度与你在上一个动态加载页面上滚动的高度相同)。我试着把scrollTop和所有我能在网上看到的其他修复程序放进去,但似乎没有任何效果 这是jquery $(document).on('click', '.load-page', function(){ var href = $(this).attr("data-href"); $.get(href,function (hdi

现在我有一个脚本,当你点击一个按钮时,它的内容被动态加载到一个内容容器中,而不是在它的顶部加载(加载的高度与你在上一个动态加载页面上滚动的高度相同)。我试着把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>

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

    $(window).scrollTop(0);
    
    这将利用scrollTop并将其重置为0状态。每次运行load page函数时,它都以窗口为目标。它应该会起作用

    // loads pages
            $(document).on('click', '.load-page', function(){
            var href = $(this).attr("data-href");
    
            $.get(href,function (hdisplayed) {
                $("#content").html( hdisplayed );
       $(window).scrollTop(0);
            });
        });
    

    你能提供相关的HTML和CSS样式表吗?展示这个问题的演示会有所帮助。也许你想重置
    body
    scrolltop?你的容器是可滚动的还是只可滚动页面?是的,容器是可滚动的我对jquery有点陌生,感觉我一直在尝试放置。scrolltop只是放在不正确的位置。我本以为把它添加到链的末端会在之前的所有工作完成后将其移动到顶部。另外,我也不知道如何使它在代码笔中工作,因为我需要其他页面加载大量的lorem文本内容。谢谢,我从来没有尝试过使用window。令人惊讶的是,这不是每个人都知道的大问题。