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

我正在尝试在页面加载时将滚动动画设置为特定 ID。我做了很多研究并发现了这一点：

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

但这似乎是从ID开始并动画到页面顶部？

HTML（位于页面的中间）很简单：

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

您仅滚动元素的高度。offset()返回元素相对于文档的坐标，并且topparam 将为您提供元素沿 y 轴的距离（以像素为单位）：

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

您还可以为其添加延迟：

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