css - サブメニュー付きのTwitterブートストラップドロップダウンリストでオーバーフローを設定するには?

Question

サブメニューを持つ Twitter ブートストラップ ドロップダウン コンポーネントの CSS オーバーフロー プロパティに問題があります。

max-height と overflow を auto に設定すると、スクロールバーがリストに表示されますが、サブメニューは水平スクロールの下のドロップダウン リスト内に入ります。これは必要なものではありません。

これがこの問題の例です。

http://jsfiddle.net/ftMhv/1/

オーバーフロー x とオーバーフロー y の値を変更してみましたが、どれもうまくいきませんでした。

Answer 1

説明した問題でオーバーフローを使用すると、その中のすべての子が非表示になります。残念ながら、それを回避する方法は本当にありません。

なぜスクロール ナビゲーション ドロップダウンが必要なのですか? 長すぎるからでしょうか？

その場合は、列化されたアプローチを試すことをお勧めします。have<div>の中に<li>サブfloat: left;メニューを配置します。

申し訳ありませんが、これがあなたの問題に対する唯一の答えだと思います。

編集: javascript と jquery を使用して、ユーザーのマウスの座標に表示される浮動絶対配置コンテナーを作成できます。ただし、それはおそらくかなり毛むくじゃらで複雑になるでしょう。