モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか?
P粉692052513
P粉692052513 2024-04-06 19:23:03
0
1
676

ユーザーがリンクをクリックして Web サイトを閲覧するとき、ナビゲーション バーは閉じられませんか?

ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しようとしましたが、機能しません。 また、アクティブな位置にあるハンバーガー メニュー アイコン (つまり、X) の位置が適切に調整されていません。しかし、主な問題は、ナビゲーション バーをクリックすると折りたたまれることです。

リーリー リーリー リーリー

P粉692052513
P粉692052513

全員に返信(1)
P粉759457420

メニューをレスポンシブに設定していると思います。つまり、モバイル デバイスにも適しています。

  1. これには @media screen CSS を使用します
  2. ウィンドウの幅がタブまたはモバイルデバイスに近い場合はハンバーガーアイコンを表示し、それ以外の場合はこのアイコンを非表示にします。
  3. メニュー div (モバイルまたはタブ) に閉じるアイコンを追加して、メニューを閉じます。

このソリューションがお役に立てば幸いです

ハンバーガー アイコンが付いた次のモバイル ビュー ナビゲーション バーコードを参照できます。

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート