JQueryでスムーズスクロール


今回はJQueryでスムーズスクロールする表現についてです。

通常、ページ内リンクをする場合

というIDに

というリンクを指定してページ内の移動を指定するのですが。

この状態のままだとクリックした時の動きが急なので見づらく、ページを見ている側に対して優しくありません。
それに対してjQueryを使うことによって下に流れるようなスムーズなスクロール表現ができます。

まずhead内にJQueryを読み込みます。

その直下にスクリプトを書きます。

これで完成です。

設定としては下記の箇所

関数「speed」内の数字を変えることによってスクロール速度を変える事ができます。