通常ページ内アンカーでスムーズスクロールが出来ちゃった。

(17)

(0)

(1)

(1)Total: 19

スムーズスクロールで良いのを発見しちゃいました。
やっぱり世界は広いね…「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だったりします。

■Smooth scrolling demo

感動しました。
ぜひ、ご参考に。

この記事は参考になりましたか？