サイト作りの小役立ち工房

HOME > ページトップへスクロール(Javaスクリプト)

ページトップへスクロール

機能説明

「#TOP」などページ内リンクでページトップへジャンプするときにスクロールして移動します。
href に「#TOP」(大文字・小文字の区別は無し)の文字列があるリンクをクリックした場合、スクロールしてページの一番上に移動します。
Ex.) <a href="#TOP">↑PAGE TOP</a>
Javascript本体(gotop.js)内の goTopMove = [数字] でスクロール速度を調整できます。
(0:停止〜大きいほど遅くなります)

設置ついて
<script type="text/javascript" src="gotop.js"></script>
を HTMLソース HEAD 内に置いて下さい。
gotop.js は window.onload を使って読み込ませてますので、onload を利用する他のスクリプトを利用時はご注意下さい。
addEventListener & attachEvent での読み込みに変更しました。

ダウンロード

ファイル名 gotop.zip
動作サンプル こちら(別ウィンドウで開きます)
動作確認したブラウザ Internet Explorer 6/7
Mozilla Firefox 3
Opera 9.5
Safari 3
Google Chrome (Beta)
※すべてWindows版です

BACKTOP

© Sapphirus.Biz.