0

助けが必要です... ページに固定メニューがあり、その項目をクリックすると、ページがスクロールして一番上に戻ります。アンカーを使用しますが、既に使用しています各ボタンでページを呼び出す...

これは私のコードです

<div class="span1 menu">
    <ul class="nav">
    <li id='gostou' class='menufixo' title="gostou do filme?"><a href="#resumo" data-toggle="tab" class="link"></a></li>
    <li id='evolucao' class='menuacao' title="evolução"><a href="#graficos" data-toggle="tab" class="link"></a></li>
    <li id='comentarios' class='menuacao' title="comentários"><a href="#mensagens" data-toggle="tab" class="link"></a></li>
    <li id='info' class='menuacao' title="informações"><a href="#infos" data-toggle="tab" class="link"></a></li>
    <li id='assistir' class='menuacao' title="cinemas"><a href="#tab-assistir" data-toggle="tab" class="link"></a></li>
    <li id='tags' class='menuacao' title="cloud tags"><a href="#cloudtags" data-toggle="tab" class="link"></a></li>
    <div class='ferramentas'></div>
    <script>
    $(".menu ul").on("click", "li", function()
        {
            $(this).parent().find("li").removeClass("menufixo").addClass("menuacao");
            $(this).toggleClass("menufixo").toggleClass("menuacao");
        });
    </script>
    </ul>
    </div>

前もって感謝します！！

4

1 に答える 1

0

あなたの「短い」要件に基づいて私が理解したことから。

http://jsfiddle.net/Madthew/NRMhf/

このコードは、(jQuery を使用して) ページの上部に移動するために使用されるコードです。

$('html, body').animate({scrollTop:0}, 'slow');

追加する場合:

return false;

その後、href が機能しなくなります。

期間の設定方法については、こちらをご覧ください。

http://api.jquery.com/animate/

'fast' と 'slow' を使用する代わりに、ミリ秒単位で値を直接入力できます。

デフォルトの期間は 400 ミリ秒です。「高速」= 200 および「低速」= 600。

値が小さいほど、実行が速くなります。

機能していることを確認できるように、高さが固定で背景が黒の div を追加しました。アイテムのいずれかをクリックすると、一番上までスクロールします。

于 2013-05-07T20:12:18.410 に答える