ある程度スクロールするとふわっと出現する「ページの先頭へボタン」のスクリプト

  • scrolltopcontrol.jsの12行目の矢印画像の指定部分を任意のURLに変更
controlHTML: '<img src="http://画像のアドレス/up.png" />',
  • ヘッダエリアに下記の記述を追加。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="アップロードした階層までのパス/scrolltopcontrol.js"></script>


画像が現れるまでの位置を調整したいとか、
上に行くまでのスピードをコントロールしたい場合は、
11行目あたりにある startline:数値, scrollduration:数値, をそれぞれ変更。


画像が現れるまでの位置調整はstartline:数値, を変更
(数値が大きいほど、下の方で現れるようになります)


上に行くまでのスピート調節は scrollduration:数値, を変更
(数値が小さいほど上に戻る時間が早い)


さらに、そのもうちょい下あたりにある、
{offsetx:数値, offsety:数値} っていうところでボタン画像の表示位置が設定可能。
offsetxが右端からの距離。offsetyが下端からの距離。
それぞれ数値が大きくなると距離が増えます。


ネタ元