使用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();