スライダーメニューにドロップダウンメニューが表示されない

Question

本当に迷惑なバグが1つあり、答えが見つかりませんでした。私は各項目にドロップダウンメニューがついたメニュースライダーを持っています。スライダ自体はカスタマイズされていますが、ドロップダウン機能はUI-Bootstrapによって提供されています。ここで

は、私は問題の詳細を取得するためになされたことを、簡単なフィドルです： https://jsfiddle.net/Lus92rqm/7/

あなたはCSS]タブで見ることができるならば、私は問題が来ると思う場所についていくつかのコメントを追加しました私が遭遇した解決策とだから基本的には、に添付されたoverflow: hiddenスタイルのため、すべてのことが機能していません。私はそれを必要としました。なぜなら、可視領域にないすべてのアイテム、つまりこのコンテナの幅が570pxであるためです。

私も.dropdown-menuクラスにposition: fixedを追加しようとしましたし、それが完璧に働いたと思った、私はページを下にスクロールしようとするまで...示すメニューは私が探してるの動作ではありませんページをスクロールしています。

もう1つは、.menu-sliderクラスに添付されたposition: relativeが必要なことです。そのようにして、スライダを左から右に移動できます。反対に - leftプロパティを変更します。

Sooo、どのように私はこのことを練習することができますどのようなアイデアを誰ですか？ ありがとう！ :)

Answer 1

docsページのexampleを参照してください.Downdown-append-to-bodyを使用する必要があります。