ハンバーガーメニューでリンク内ページの移動場合メニューが閉じない。

Question

初心者です。
現在レスポンシブでHPの制作をしています。
スマホメニューをハンバーガーメニューにしているのですが、ページ内で移動する際にメニューが閉じないという不具合が起きていて修正方法がわかりません。
下記のコードを使っているのですが、ここにコードをプラスする事で解決できますでしょうか。メニューをタップした際に閉じるという動作にしたいと思っております。

<script> $(function() { var $header = $('#top-head'); // Nav Fixed $(window).scroll(function() { if ($(window).scrollTop() > 250) { $header.addClass('fixed'); } else { $header.removeClass('fixed'); } }); // Nav Toggle Button $('#nav-toggle').click(function(){ $header.toggleClass('open'); }); }); </script>

宜しくお願い致します。

Answer 1

「ページ内で移動する」と言うのはどのような操作を指すのですか？
スクロールするという意味でよろしいですか？

$(function() {
    var $header = $('#top-head');
    // Nav Fixed
    $(window).scroll(function() {
        //ここに追加
        $header.removeClass('open');
        if ($(window).scrollTop() > 250) {
            $header.addClass('fixed');
        } else {
            $header.removeClass('fixed');
        }
    });
    // Nav Toggle Button
    $('#nav-toggle').click(function(){
        $header.toggleClass('open');
    });
});

多少面倒かもしれませんがインデントは初心者であれば必須だと思います。

Comments

[ozzy]

説明不十分で申し訳ありません。
リンクタグを使ってページ内の特定の場所にジャンプさせています。
インデント気をつけます、ご指摘ありがとうございます。

[ozzy]

無事解決する事ができました！ありがとうございました！