Açılır menüler, kaydırıcı menüsünde gösterilmiyor

Question

Gerçekten çok sinir bozucu bir hata buldum, bunun için bir cevap bulamadım. Her bir öğeye eklenmiş bir açılır menüye sahip bir menü kaydırıcım var. Kaydırıcının kendisi özel olarak yapılır, ancak açılan işlevler UI-Bootstrap tarafından sağlanır. https://jsfiddle.net/Lus92rqm/7/

CSS sekmesinde görebilirsiniz olursa, ben sorun gelir düşünüyorum nereye hakkında bazı yorumlar ekledik: Burada

Ben sorun hakkında daha fazla almak için yaptık, basit bir keman olduğunu ve içinden geçtiğim olası bir çözüm. Yani temel olarak, .menu-slider-wrapper'a bağlı overflow: hidden stili nedeniyle her şey çalışmıyor. Gerektim, çünkü görünür alanda olmayan tüm öğeleri gizlemek istiyorum - bu kabın 570px genişliği.

Ayrıca .dropdown-menu sınıfına position: fixed eklemeye çalıştım ve sayfayı aşağı kaydırmaya çalışana kadar mükemmel şekilde çalıştığını düşündüm ... Gösterilen menü, aradığım davranışta olmayan sayfala birlikte ilerliyor . Bunun left özelliğini değiştirerek -

Bir şey daha ben kesinlikle bu şekilde doğru ve ters soldan kaydırıcıyı çünkü bir position: relative, .menu-slider sınıfına bağlı gerektiğidir.

Sooo, herhangi bir fikri olan herkes bu işi nasıl yönetebiliyor? Teşekkürler! :)

Answer 1

Açılır listeyi sonuna kadar kullanmanız gerekiyor, dokümanlar sayfasında example'a bakın.