
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ハンバーガーメニューにページ内アンカーリンクが含まれていた時、メニューが閉じない - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ハンバーガーメニューにページ内アンカーリンクが含まれていた時、メニューが閉じない - Qiita
現象 ハンバーガーメニューにページ内アンカーリンクがある場合、ハンバーガーメニューが閉じられない、... 現象 ハンバーガーメニューにページ内アンカーリンクがある場合、ハンバーガーメニューが閉じられない、遷移が起こらないという現象が起きました。 今まではページ内リンクが含まれていることはなかったのでこの問題は起きませんでした。 ページ遷移が起きる場合は、JSが再度初期状態から実行されるため、初期状態のハンバーガーメニューが閉じられた状態に戻ります。しかし、ページ内リンクの場合ページ遷移が起きないためページ遷移が起きる場合と挙動が異なります。 解決方法 ページ内リンクをクリックした場合はハンバーガーメニューを閉じるというコードを追加すれば解決。 /** * トグルメニューの開閉 * ページ内アンカーリンクがある場合はメニューを閉じる処理を行う */ function clickToggleMenu() { const body = document.getElementById('body')