【JavaScript】htmlのスクロールを任意の位置にアニメーションする

はじめに

利用規約を作ったときにに埋め込みスクロールが長すぎたので
自動スクロールさせて任意の場所に移動しそこから読めるようにすれば便利だと思います。
その機能をJavaScriptで実装させてみようと思います。

実装

まず移動させたい文章のとこでクラスを定義します。

h2.scroll hogehoge
p hugahuga

次にjsでアニメーションしていきます。

var scroll_possition = $(".scroll").offset().top;
var term_posittion = $(".term").offset().top;
var posittion = scroll_possition - term_posittion
$(".term").animate({
  scrollTop: posittion
});

簡単なアニメーションで実装できました。
まずtermはファイル先頭のクラスになります。
そして移動させたい位置から全体の位置を引くとジャストで希望の位置が取得できます。
これをアニメーションさせてやれば読み込みと同時にアニメーションされます。