jquery.page-scroller:ページ内アンカーをスムーズにスクロールするjs(導入が簡単)

簡単に設置できて、最近では当たり前の様にページ内アンカーはスムーズに移動してる様な気がします。

1.ヘッダーの記述

<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/jquery.page-scroller-308.js"></script>

2.JavaScriptの記述(スピードの調整)

<script type="text/javascript">
adjSpeed = .5;
</script>

3.HTMLの記述(通常のページ内アンカーの記述と同じです)

<a id="top"></a>

<div id="idWrap">

<h1>ページ内アンカーをスムーズにスクロール
(1500px下にアンカーリンクがあります)</h1>

</div>


<!--/高さを1500pxに指定-->
<a href="#top">↑ページトップへ</a>

ページ内アンカーをスムーズにスクロールするデモ

ソース元:[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3

上記「ソース元」のJsを使用させて頂いておりますが、デモページ以外の利用方法も色々と調整や設定が出来る様です。