[解決済み] ページロード時のIDへのスクロールをアニメーション化する

質問

ページロード時に特定のIDにスクロールするアニメーションを作成しようとしています。私は多くの研究を行い、これに遭遇しました。

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

となっていますが、これはIDから始まってページの上までアニメーションしているようですね？

HTMLは(ページの半分くらいですが)単純に

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

どのように解決するのですか？

要素の高さだけスクロールしています。 オフセット() は、ドキュメントに対する要素の相対座標を返し top パラメータは、Y軸に沿った要素の距離をピクセル単位で与えます。

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

さらに、遅延を加えることもできます。

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