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); 
     }); 
    });