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的状态。它每当您的加载页面函数运行时都会定位到窗口。它应该工作。

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

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