Ich habe einen wirklich nervigen Fehler, auf den ich keine Antwort finden konnte. Ich habe einen Menüschieberegler, an den ein Dropdown-Menü angehängt ist. Der Schieberegler selbst ist benutzerdefiniert, aber die Dropdown-Funktionen werden von UI-Bootstrap bereitgestellt.Dropdown-Menüs werden nicht im Schieberegler-Menü angezeigt.
Hier ist eine einfache Geige, die ich gemacht habe, um mehr über das Problem zu erhalten: https://jsfiddle.net/Lus92rqm/7/
Wenn Sie in der CSS Tab sehen können, habe ich einige Kommentare über hinzugefügt, wo ich denke, das Problem kommt aus und eine mögliche Lösung, auf die ich stieß. Also im Grunde funktioniert das ganze Ding nicht wegen der overflow: hidden
Art, die an die .menu-slider-wrapper
angebracht wird. Ich brauchte es aber, weil ich alle Elemente verstecken möchte, die nicht im sichtbaren Bereich sind - die 570px
Breite dieses Containers.
Ich habe auch versucht, position: fixed
Klasse hinzuzufügen und dachte, es funktionierte perfekt, bis ich versuchte, die Seite nach unten zu scrollen ... Das angezeigte Menü scrollt mit der Seite, die ist nicht das Verhalten, das ich suche .
Eine weitere Sache ist, dass ich auf jeden Fall ein position: relative
zu .menu-slider
Klasse angebracht, weil auf diese Weise ich den Regler von links nach rechts und entgegengesetzt bewegen kann - die left
Eigenschaft davon zu verändern.
Sooo, jemand mit irgendwelchen Ideen, wie ich es schaffen kann, dieses Ding zu trainieren? Danke! :)
Ich habe es tatsächlich versucht, aber das Menü wird immer noch nicht angezeigt. Allerdings zeigt es auf andere Position, ich denke, es hängt immer noch vom Überlauf von seinen Eltern ab ... – yep4u