• RSS

Bootstrap でリンククリック時にcollapseメニューを閉じる処理

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

Bootstrap で、.navbar-collapse 内のメニューリンクをクリック(タップ)して同一ページのアンカーポイントへ移動すると同時に、.collapse メニューを閉じる処理についてメモ。

.navbar-nav 内のリンククリック時に.collapse メニューを閉じる

Bootstrap でリンククリック時にcollapseメニューを閉じる処理
Bootstrap からソースコードを拝借しますが、以下のようなヘッダーメニューがあるとして、

コンテンツ1〜コンテンツ5のリンクが、全て同じページのアンカーポイントに移動(#contents1〜#contents5)するようになっている時、

このままだと、コンテンツ1〜コンテンツ5のリンクをクリック(タップ)しても .collapse メニューが開いたままですが、

以下のように .navbar-collapsehide クラスを与えてあげることで .collapse メニューを閉じることができるようになります。




  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください