下拉菜單不會出現在滑塊菜單

Question

我有一個非常惱人的錯誤，我找不到答案。我有一個菜單滑塊，每個項目都有一個下拉菜單。滑塊本身是定製的，但下拉式功能由UI-Bootstrap提供。

下面是一個簡單的小提琴，我所做的，以獲得更多有關該問題： https://jsfiddle.net/Lus92rqm/7/

如果能在CSS標籤看，我已經添加在哪裏，我認爲問題就來了一些意見從和我遇到的一個可能的解決方案。所以基本上，所有的東西都不起作用，因爲.menu-slider-wrapper附帶的overflow: hidden樣式。我需要它，因爲我想隱藏所有不在可見區域的項目 - 這個容器的寬度爲570px。

我也嘗試將position: fixed添加到.dropdown-menu類，並認爲它工作完美，直到我試圖向下滾動頁面...顯示的菜單是滾動頁面，而不是我正在尋找的行爲。

還有一件事是我肯定需要一個position: relative附加到.menu-slider類，因爲這樣我可以從左到右移動滑塊 - 和改變它的left屬性。

Sooo，任何有任何想法的人如何設法鍛鍊這件事？ 謝謝！ :)

Answer 1

您需要使用dropdown-append-to-body，請參閱文檔頁面上的example。