# 一番上へスクロール

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

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

では「制御」→「実行」メニューを実行してください。
右下の矢印ボタンをクリックすると、画面が一番トップまでスクロールしました。
「btn_top」idのセレクタを高さ0の位置までスクロールするアニメーションを実装しました。
こちらもreturn falseでhtmlとbodyの片方のセレクタだけスクロールを実行して抜け出していますね。
これで完成ですが、「VixarStudioHTML5\jQuery\index.html」ファイルを「jQuery.html」などと別名で保存し、保存した「jQuery.html」で、デザインに画像を用いたりしてよりカッコよくWebデザインして下さい。

### ホームへ