Come configurare l'overflow nell'elenco di disconnessione bootstrap di Twitter con i sottomenu?

Question

Ho un problema con la proprietà di overflow css per il componente dropdown del bootstrap di Twitter con i sottomenu.

Quando si imposta l'altezza massima e l'overflow su automatico, la barra di scorrimento viene visualizzata nell'elenco come dovrebbe, ma i sottomenu vanno all'interno dell'elenco a discesa sotto lo scorrimento orizzontale, che non è quello che mi serve.

Ecco l'esempio di questo problema.

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

Ho provato a cambiare i valori di overflow-x e troppo pieno-y, ma nessuno di loro ha funzionato bene.

Answer 1

Quando si utilizza l'overflow nell'argomento che hai descritto, nasconde tutti i bambini al suo interno. Sfortunatamente non c'è davvero modo di aggirarlo.

Perché è necessario un menu a discesa per la navigazione a scorrimento? È perché è troppo lungo?

Suggerirei di provare un approccio con colonne se questo è il caso. Avere <div> all'interno di uno <li> con float: left; e quindi inserire dei sottomenu all'interno di essi.

Siamo spiacenti, ma penso che questa sia l'unica risposta al tuo problema.

Modifica: è possibile utilizzare javascript e jquery per creare un contenitore mobile posizionato in modo assoluto che viene visualizzato alle coordinate del mouse dell'utente. Questo probabilmente diventerà piuttosto peloso e complicato.