jquery - htmlアンカーがトップにジャンプします

Question

http://www.ideagasms.net/index2#aciw ...をクリックする と、「ACIWSERIES」というタイトルのページのセクションまでスムーズにスクロールできます。

そこにアコーディオンが表示されます。問題は次のとおりです。アコーディオンのタブのいずれかをクリックして、アコーディオン自体の上部にスクロール/ジャンプする方法を確認してください。

ウィンドウがジャンプするのを防ぐ簡単な方法はありますか？

Answer 1

クリック ハンドラーから、最後に行うか、関数に渡すイベントでreturn falsejQuery を使用する必要があります。preventDefaultjQuery に関するドキュメントpreventDefaultはこちらです。

Answer 2

アコーディオンのclick()場合は、スクリプトを次のように変更します。

$(".nav_bar li").click(function() {    //  Move content horizontally
    var Tab = $(this).attr("class");
    $(".boxness").stop().animate({left : "1500px"}, 800, function() {
        $(".boxness").css("left", "-1500px").hide();
        $("#" + Tab).show().animate({left : "0px", opacity : 1.0}, 600).stop();
    });
    return false; // Give this here
});