トップに戻るボタンを押したときになめらかに移動していくスムーズスクロール。JavaScript&jQueryなどでプログラムがダウンロードでき設置も出来ますが、どうせなら簡単にと言う事でWordPressのプラグインを使い設置できます。

Smooth Scroll Links [SSL]を使用する前に”Back to top”リンクをページに設置しておきましょう。”Back to top”リンクの設置方法は例えば当サイトで言えばグループわけで一番上のidがcontainerになってますのでそこに戻るように<a href=”#container”>トップに戻る<a>に設定してます。
Smooth Scroll Links [SSL]をダウンロードして解凍します。smooth-scrolling-links-sslフォルダをpluginsフォルダにアップロードします。プラグインメニューにいきSmooth Scroll Links [SSL]を有効化します。
設定メニューにSmooth Scroll Links [SSL]メニューが増えてますのでクリックして設定画面に行きEnable Smooth Scroll effect:にチェックをしてSave Settings をクリックすれば設定完了でページ内をスムーズにスクロールしてくれます。

Back to topリンクの設置で説明しましたが、ページ内リンクでしたら逆に下方向に行く動作のときもスムーズにスクロールしますよ。よかったらお試しください。

最終更新日: 2013年1月23日