使用Javascript / Jquery滚动到页面上的特定位置

Question

可以使用#elementId移动到页面上的某个位置。我怎么能用Javascript / Jquery做同样的事情。调用JS函数时，我想滚动到该页面上的特定位置。

Answer 1

经过大量谷歌搜索后，我发现你只需要这样做：

location.hash = "elementId"

Answer 2

这是我使用浏览器控制台在今天的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 3

您可以使用scrollTop向上滚动。

您也可以使用this插件