使用Javascript/Jquery滚动到页面上的特定位置
可以使用使用Javascript/Jquery滚动到页面上的特定位置,javascript,jquery,Javascript,Jquery,可以使用#elementId移动到页面上的特定位置。我如何使用Javascript/Jquery做同样的事情。调用JS函数时,我想滚动到该页面上的特定位置。您可以使用向上滚动 您也可以使用插件以下是我今天使用浏览器控制台测试的一个示例函数: function scrollToElement(pageElement) { var positionX = 0, positionY = 0; while(pageElement !=
#elementId
移动到页面上的特定位置。我如何使用Javascript/Jquery做同样的事情。调用JS函数时,我想滚动到该页面上的特定位置。您可以使用向上滚动
您也可以使用插件以下是我今天使用浏览器控制台测试的一个示例函数:
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);
在谷歌搜索了很多次之后,我发现你只需要这样做:
location.hash = "elementId"
另一个解决办法是
当behavior:smooth可用时,这将是一个完美的解决方案(因为现在它只是跳跃-这不是理想的UX),这是一个非常好的解决方案,谢谢!智能编码!这正是我需要的。谢谢你能用这个添加平滑滚动吗?@nwillo
window.scrollTo({top:positionY,left:positionX,behavior:'smooth')代码>
document.getElementById("elementID").scrollIntoView();