スムーズスクロールの専用ライブラリ「df Smooth Scroll」
今回使用するのは「df Smooth Scroll」という専用のライブラリです。ページ内のアンカー先にスムーズにスクロールするライブラリは結構な数ありますが、他のJavaScriptライブラリと併用すると正しく動作しないものがほとんどです。df Smooth Scrollの場合は他のライブラリと組み合わせても正常に動作したので、今回使用することにしました。
それでは、df Smooth Scrollをダウンロードして使用する準備に取りかかりましょう。df Smooth Scrollは、以下のURLからをダウンロードできます。
http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/
少しページの下に移動したところにある「Download」のボタンをクリックします [1]。Internet Explorer(IE)の場合はダイアログが表示されるので「保存」ボタンをクリックして適当な保存先を指定しましょう。その他のブラウザーの場合は自動的にダウンロードが始まります。
ダウンロードファイルはZIP圧縮されているので解凍します。実際に使用するのは「smooth.pack.js」ファイルのみ。スクリプトを組み込むサイトのjsフォルダ内にコピーしておきましょう [2]。これでひとまず準備は完了です。