使用Javascript / Jquery滚动到页面上的特定位置
可以使用#elementId
移动到页面上的某个位置。 我怎么能用Javascript / Jquery做同样的事情。 调用JS函数时,我想滚动到该页面上的特定位置。
经过大量的谷歌搜索后,我发现你只需要这样做:
location.hash = "elementId"
这是我在今天的纽约时报头版使用浏览器控制台测试的示例函数:
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);
另一个解决方案是scrollIntoView()
document.getElementById("elementID").scrollIntoView();
你可以使用scrollTop向上滚动。
你也可以使用这个插件