ページ・トップに戻るボタン

ページ・トップにゆっくり戻るボタンの設置です。画面をスクロールするとページ下端に現れ、画面が移動してもボタンは同じ位置に固定されます。そして画面がトップに戻ると画面から消えます。

使用したのは jQuery Scroll to Top Control v1.1 です。
ダウンロードした scrolltopcontrol.js をエディターで下記のようなカスタマイズを行った後サーバーにアップ・ロードします。又使用するトップに戻るボタン画像もアップロードします。
```
var scrolltotop={
	//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
	//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
	setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
	controlHTML: '<img src="http://domain/path to/pagetop.png" style="width:58px; height:42px;" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
	controlattrs: {offsetx:10, offsety:5}, //offset of control relative to right/ bottom of window corner
	anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
```
startline: ボタンを表示し始めるスクロール量(px)
scrollto: ボタンがクリックされたら戻る位置(px)
scrollduration: 画面トップに戻る時間（ミリ秒）
fadeduration: フェードインの時間とフェードアウトの時間（ミリ秒）
img src: ボタンをアップロードしたURLとボタンのファイル名を指定します。併せて使うボタンの大きさを指定しておきます。
offsetx: ボタンを置くウインドー右端からの位置(px）
offsety: ボタンを置くウインドー下端からの位置（px）

<head>部分にスクリプトの読み込み指定を行う。


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://domain/path to/scrolltopcontrol.js">
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
</script>

水色の部分には、前記２項でscrolltopcontrol.jsをアップロードした先を指定します。