前提・実現したいこと
スクロールするとページ上部にヘッダーが固定表示して
そのヘッダー内のハンバーガーメニューを押すとナビゲーションが出る
発生している問題・エラーメッセージ
クリックすると最初の1回目はだけハンバーガーメニューが開かなくスクロールするとハンバーガーメニューが開くようになる(ナビゲーション)
2回目以降は普通に動作する。
該当のソースコード
//スクロールしたら上部にヘッダーが固定表示され上まで行ったらヘッダーが消える記述 $(function(){ $(window).on("scroll",function () { if ($(this).scrollTop() > 80) { $("#header").addClass("header-fixed"); } else { $("#header").removeClass("header-fixed"); } }); }); //ハンバーガーメニューの開閉記述 $(document).ready(function(){ $(".lines-button").click(function(){ $(".navigation-wrap").toggleClass("navigation-active"); }); }); $(document).ready(function(){ $(".lines-button").click(function(){ $(this).toggleClass("toggle-active"); }); });
試したこと
jqueryのスクロールの記述が問題がある事は分かるのですが何が原因で解決作が3時間かけてもわからなかった為初めて質問させていただきました。恐れ入りますがどうかよろしくお願いします。
回答2件
あなたの回答
tips
プレビュー