Drawerについて

Home  >>  新着情報  >>  メンテナンスノート  >>  Drawerについて

Drawerについて

2017年04月20日(木) / / メンテナンスノート

ドロワーメニューの実装に便利なプラグイン「Drawer」。

http://git.blivesta.com/drawer/fixed-navbar/top/

とても使いやすいのですが、これをBootstrapで構築しているサイトに導入すると、以下の不具合が発生します。

  • スマホ時にプルダウンメニューのタップが効かない

 

原因は、bootstrap.css(bootstrap.min.css)のドロップダウンに関する記述が、drawer.css(drawer.min.css)のドロップダウンに関する記述よりも優先されてしまうためです。(コンフリクトとはちょっと違う気もします)

 

したがって、drawerとbootstrapを同時に利用するときの応急措置として、bootstrap.css内のドロップダウンに関する記述部分をコメントアウトすれば不具合は解消します。

.bootstrap.cssでは、3502行あたり(.caret)から3644行あたり(.navbar-right .dropdown-menu-left)までをコメントアウトします。

上記をコメントアウトしても、ドロップダウンの動作はdrawer.cssに記述されているので問題ありません。

自社案件以外にもクライアント案件制作実績が多数あります。
ご連絡いただければ該当URLを開示いたします。
お問い合わせフォームよりご連絡ください。

Comments are closed.