通常ページ内アンカーでスムーズスクロールが出来ちゃった。
スムーズスクロールで良いのを発見しちゃいました。
やっぱり世界は広いね…「smoothscroll」でググっていたら出てきましたよ。
スムーズスクロールとは、1ドット単位で画面表示スクロールさせることで、表示範囲の遷移をなめらかに表現します。
画面が滑らかに移動するので、視線を追いやすいです。
このMAKIZOU.COMで言うと、一番下の「画面のトップに戻る」がそれにあたります。
良く見かけるスムーズスクロールって
href=”javascript:void(0)”
や
onClick=”hoge()”
とかが必要な場合が多くて、導入に躊躇しちゃいますが、ご紹介するのは通常のページ内アンカーで
<a name="top"></a>
<a href="#top">画面のトップに戻る</a>
の様なHTMLソースでOKだったりします。
すごく便利で、使い方も簡単！
下記で紹介しているページより「smoothscroll.js」ってJavascriptのダウンロードして、
サーバにアップし、<head>と</head>の間に、
<script src=”smoothscroll.js”></script>
なんて外部Jacascriptを読み出すおまじないを入力すればOKだったりします。
感動しました。
ぜひ、ご参考に。
- カテゴリ：Web開発
- 公開日：2007/03/28
↑ 記事評価をお願いします。
Loading ...