# メニューアイテムがクリックされたらスクロール

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

    	$('#menu div').each(function(index)
    	{
    		$($(this).find('a')).on('click', function()
    		{
    			$('html,body').animate({ scrollTop: 500 });
    		});
    	});

では「制御」→「実行」メニューを実行してください。
メニューアイテムをクリックしたら500だけ下にスクロールしました。
「menu」idの子のdiv要素をeachで全て検索して、見つかったdivタグの子にaタグを見つければ、onでクリック(click)判定しますね。
セレクタがhtmlかbodyで、animateで500だけスクロールするアニメーションをしていますね。

### 次へ