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>ページ内アンカーをスムーズにスクロール<br>(1500px下にアンカーリンクがあります)</h1>
</div><!--/高さを1500pxに指定-->
<a href="#top">↑ページトップへ</a>

 
ページ内アンカーをスムーズにスクロールするデモ
 
ソース元:[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3
上記「ソース元」のJsを使用させて頂く事も有り、デモページ以外の利用方法も色々と調整や設定が出来る様です。
 
細かい所もちょっとした演出入れてますよ感は出ると思います。