jquery - 在页面加载时动画滚动到 ID

Question

我试图在页面加载时将滚动动画设置为特定 ID。我做了很多研究并发现了这个:

$("html, body").animate({ scrollTop: $('#title1').height() }, 1000);

但这好像是从ID开始动画到页面顶部？

HTML(位于页面的一半)很简单:

<h2 id="title1">Title here</h2>

Answer 1

您只是在滚动元素的高度。 offset()返回元素相对于文档的坐标，top 参数将为您提供元素沿 y 轴的距离(以像素为单位):

$("html, body").animate({ scrollTop: $('#title1').offset().top }, 1000);

您还可以为其添加延迟:

$("html, body").delay(2000).animate({scrollTop: $('#title1').offset().top }, 2000);