同じページ内をスムーズに移動させたい!

jQuery

jQueryは同じページ内をスムーズに移動させることも簡単です!

以下のサンプルと解説を参考にしてください。

解説

id属性に”start”を持つaタグがクリックされたときに処理を実施する。
その処理とは、まずid属性に”goal”を持つaタグの表示位置を取得し変数pos
に代入します。
その次に、htmlタグとbody要素に対してanimate()メソッドを使用して、scrollTop
を先ほど取得したid属性が”goal”のaタグの位置まで画面が移動します。

/

タイトルとURLをコピーしました