# メニューに合わせた位置にスクロール

左の画面をクリックして緑色の字をクリップボードにコピーし、右の画面の緑色の矢印の右側に、置換(選択して貼り付け)してください。

    			var menu = ["h1","#orange","#yellow"];
    			var p = $(menu[index]).offset().top-50;
    			$('html,body').animate({ scrollTop: p });
    			return false;

では「制御」→「実行」メニューを実行してください。
メニューをクリックしたらその文字の色のブロック要素までスクロールしました。
メニューアイテムがレッドが「h1」セレクタ、オレンジが「orange」セレクタ、イエローが「yellow」セレクタの配列があります。
左からのクリックしたインデックス(index)のメニューアイテムの高さの位置offset().topからメニューバーの50を減算した値に、スクロールさせます。
必ずreturn false;してください。そうしないとhtmlとbodyのセレクタが2度スクロールしてちらついてしまいます。

### 次へ