HOME > jQuery > スムーススクロールでハンバーガーメニューが閉じない問題の対処

スムーススクロールでハンバーガーメニューが閉じない問題の対処

ハンバーガーメニューをの内部リンクをクリックするとハンバーガーメニューがクリックしない場合があります。

私は何度もこれに出会って解除してはやり方を忘れて時間が無駄にかかって苦労するのですがそれを二度と経験しないための備忘の記事です。

ネットにある記事のほとんどは↓のコードでハンバーガーメニュー内でスムーススクロールした時にハンバーガーメニューが外せると解説しています。

確かに外せますよ。

でも欠点があってpcの画面でスムーススクロールをするとハンバーガーメニューの中身が開きます。

散々ネットの情報を探したのですが解決方法を見つけることができなかったので自分でコードを作って解決しました。

コードは↓です。

152行目で29行目〜50行目の内容(ハンバーガーメニューの中身)を非表示にします。

このままだとハンバーガーメニューを開いた時の閉じるボタン(Xのボタン)はXのままでこれをハンバーガーメニューにするために154行目でXになるための記述を消しています。

これで完成です。

●いいねをつけてもらえると励みになります。