2013-08-26 14 views
9

Ho implementato un sito Web utilizzando twitter bootstrap. Nella parte superiore del sito ho usato una barra di navigazione e all'interno ho usato un menu a tendina. Il menu a discesa è composto da tag ul> e li>. Sto mostrando un elenco di membri all'interno di quel menu dropdwon. Quando l'elenco dei membri cresce, il menu a discesa aumenta orizzontalmente, per cui ho aggiunto un overflow: auto alla classe del menu a discesa. Ora mostra una barra di scorrimento verticale e funziona bene nel browser.overflow: auto non funziona nei dispositivi touch (iOS)

Ma la stessa cosa non funziona in iPad e altri dispositivi iOS. Ho cercato su Google e trovato -webkit-overflow-scrolling: touch dovrebbe funzionare. Ma non sta funzionando per me. Sono presenti anche molte altre soluzioni, ma sfortunatamente non funzionano per me.

Esiste una soluzione migliore disponibile. Potrebbe essere tutto ciò che possiamo fare usando il CSS stesso.

+0

utilizzo sia 'overflow: scroll' e' -webkit-trabocco a scorrimento: tatto; '. [Link] (http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/). e anche dare un'occhiata a questo link [** Barrow.io **] (http://barrow.io/overflow-scrolling) –

+0

Sì, ovunque è scritto che -webkit-overflow-scrolling: touch; dovrebbe funzionare, ma non so perché non funziona per me. – sandeep

+0

utilizzare con 'overflow: scroll' non con' overflow: auto' .. –

risposta

1

aggiungere la proprietà css al tuo tag div -webkit-trabocco a scorrimento: tocco

+0

Devo visualizzare la barra di scorrimento nel tag < ul > e < li >. – sandeep

+0

metterlo in un contenitore e in css aggiungere quella proprietà –

+0

Questo non funziona per me – AndrewLeonardi

Problemi correlati