みんなイムはこれに固執し、アクティブなクラスを与えています。それは単に私のために機能していません-私はコードを示します、それはあなたが私をより速く助けるかもしれません。私は理論の背後にあるJqueryロジックを知っていますが、実際にはそれはとにかく行われていません。それが私がそれを尋ねに来た理由です。http://jsfiddle.net/j08691/dZ9KP/12/にあります。
<div id="MainContainer">
<ul id="MainNav">
<li> <a href="#page1"> title 1 </a> </li>
<li> <a href="#page2"> title 2 </a> </li>
</ul>
<div id="MainContent">
<div class="MainContentEach" id="page1">
title 1 content
</div>
<div class="MainContentEach" id="page2">
title 2 content
</div>
</div>
</div>
JS
$(function () {
$('#MainNav a').click(function () {
pageId = $(this).attr('href');
num = $('#MainNav a').index(this);
$(pageId).parent().animate({ scrollTop: (500 * num) }, 'slow');
});
});
どんな助けでもいただければ幸いです。