使用Javascript/Jquery滾動到頁面上的特定位置

Question

使用#elementId可以移動到頁面上的某個位置。我如何使用Javascript/Jquery做同樣的事情。當調用JS函數時，我想滾動到該頁面上的特定位置。

Answer 1

多google搜索，我發現你只需要做到這一點後：

location.hash = "elementId" 

Answer 2

您可以使用scrollTop向上滾動。

可以使用this插件太

Answer 3

下面是我對今天的New York Times front page測試使用瀏覽器控制檯的例子功能：

function scrollToElement(pageElement) {  
    var positionX = 0,   
     positionY = 0;  

    while(pageElement != null){   
     positionX += pageElement.offsetLeft;   
     positionY += pageElement.offsetTop;   
     pageElement = pageElement.offsetParent;   
     window.scrollTo(positionX, positionY);  
    } 
} 

var pageElement = document.getElementById("insideNYTimesHeader"); 
scrollToElement(pageElement); 

Answer 4

另一種解決方案是scrollIntoView()

document.getElementById("elementID").scrollIntoView();