レスポンシブサイトをbootstrapで組んでますが
グローバルナビにページ内リンクを設定したら挙動がおかしくなり困っています
div ul li a /hoge/ ※これはページ遷移しメニューは伸びない li a /hoge1/#1 ※伸びるときと伸びない時がある ページ内リンク他ページから遷移すると大丈夫 li a /hoge1/#2 ※伸びるときと伸びない時がある ページ内リンク他ページから遷移すると大丈夫 li a /hoge1/#3 ※伸びるときと伸びない時がある ページ内リンク他ページから遷移すると大丈夫 li a /hoge2/ ※これはページ遷移しメニューは伸びない /ul /div
スマホ表示にした場合
ページリンクだとページ遷移が無いのでメニューが開きっぱなしになります
改善しようとググっていると
ナビのaタグに
data-toggle="collapse" data-target=".navbar-collapse"
をつけろみたいな記事をみつけ
確かにスマホ版ではメニューが閉じて改善されたのですが
今度はPC版でページ内リンクを押下すると
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
のナビゲーションの高さが一瞬うにょーっと伸びて目障りです
対処法を探してますが原因おわかりの方いませんかね
回答2件
あなたの回答
tips
プレビュー