The current article

4行でページトップまでスルスルスクロールを実装するjQuery

「ページトップへ」ボタンをクリックするとトップまでスクロールするjQueryをご紹介します。ひとまずページの上までするスルッとスクロールさせたいんだよって時の選択肢の一つにいかがでしょうか。

capture

下記のJSを使用することで「btn_top」というクラス内のaタグ付きボタンをクリックすると作動します。

$(function(){
	$(".btn_top").click(function () {
        $('html,body').animate({ scrollTop: 0 }, 'fast');
        return false;
    });
});

jquery本体と、
上記スクリプトをコピーして「pagetop.js」などというファイルを作成して読み込ませて下さい。
（head内に書く場合は<script type=”text/javascript”>と</script>で囲んで下さい）

設置方法に不安のある方は
初歩的なjQueryプラグインの設置方法内の
「プラグイン本体の設置」を参照ください。

HTMLは以下の様な感じです。
aタグ（リンク先は「#」）を「btn_top」で梱包してあげてください。

<div class="btn_top">
	<a href="#">
		<img src="画像" alt="ページトップへ">
	</a>
</div>

ページの上まで動くだけですが、使いやすいと思います
お試しください―