TOP > jQuery > なめらかなスクロール

なめらかなスクロール


上下にスムーズにスクロールするSmoothScrollってjQueryを使ってみました。


jquery.smoothScroll.jsをダウンロードしてきて使います。

SmoothScrollの公式サイトに日本語で導入方法が書いてありますので、そちらを参照してください。



一応、動作確認に使ったコードだけメモしておきます。

「トップ」「ミドル」「ボトム」の3か所にネームをつけて、アンカーテキストをクリックするとそちらにスクロールするサンプルプログラムです。
スクロールしている様子が確認できるように高さ1000ピクセルのダミーエリアを作っています。



[htmlのソース]





[実行結果]


トップ ミドル ボトム

ダミーエリア

トップ ミドル ボトム

ダミーエリア

トップ ミドル ボトム


Sponsored Link
Powered by PHPなんか怖くないぞ(>_<)