スクロールすると出てくるページの先頭へ戻るボタン

まずはダウンロードしたscrolltopcontrol.jsを設定する。

11行目で、表示のタイミングやスクロースのスピード、フェードイン・アウトの設定。

setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

色々試しながら好みの設定を見つけてください。
12行目でボタンの画像の設定。

controlHTML: '<img src="up.png" style="width:48px; height:48px" />', 

デフォルトの画像ではなく、オリジナルの画像にする場合は修正します。
ちなみに、『sanpoto』ではsmartRollover.jsを利用して画像をロールオーバーさせてます。

13行目で、表示の位置を設定。

controlattrs: {offsetx:0, offsety:0},

設定の完了したscrolltopcontrol.jsをアップし、jQueryと一緒に表示したいページで読み込む。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="scrolltopcontrol.js"></script>

上部への戻り先は、scrolltopcontrol.jsの14行目に記述されているid#topになるので、

<div id="top"> 

を用意する。

以上ですーっと表示されて、すーっと戻るボタンの設置は完了です。