jQueryでページ内リンクをスムーズにスクロール!

2014/02/27

こんにちは。
今回は、jQueryでページ内リンクをスムーズにスクロール!です。
シングルページなんかでよく使われている、ページ内リンクをスムーズにスクロールするメモ書きです。

 

まずはページ内リンクを設定します。
aタグにscrollというクラス名を付けます。

 

jQueryを読み込み、その下に下記のソースでjsファイルを作り読み込みます。

 

コアjQuery+プラグイン/jQuery UI 開発実践技法 (Programmer's SELECTION)
コアjQuery+プラグイン/jQuery UI 開発実践技法 (Programmer’s SELECTION)

 

以上でjQueryでページ内リンクをスムーズにスクロールするメモ書きでした。

参考サイト:jQuery – ヌルヌルッとページ内スクロール

topへ戻る