2012-06-05 16 views
20

sto provandooverflow-x: visibile; non funziona con overflow-y: auto; qualche soluzione?

.item{ 
    width:100px; 
    overflow-x: visible; 
    overflow-y: auto; 
} 

Ma verticale overflow: auto sembra ignorare del orizzontale

violino: http://jsfiddle.net/xcUTV/

C'è qualche soluzione per questo? anche con un po 'di javascript

+1

** Demo migliore: ** http://jsfiddle.net/xcUTV/1/ –

+0

Btw, non è necessario impostare in modo esplicito 'overflow-x: visible' - questa è la presentazione predefinita. –

+1

'overflow-y: auto;' indica che la barra di scorrimento verticale potrebbe essere o meno presente. Immagino che una barra di scorrimento verticale rappresenti un limite orizzontale, quindi i browser non consentono al testo di traboccare orizzontalmente se una barra di scorrimento verticale può apparire. Quindi, se 'overflow-y: auto;' è impostato, 'overflow-x: visible;' non si applica. Ma è solo una mia supposizione. –

risposta

12

Non è possibile, ciò è scritto nelle specifiche.

Date un'occhiata qui: https://stackoverflow.com/a/6433475/1343096

Dal momento che è scritto nelle specifiche, sono sicuro al 99% che è impossibile da fare.

+0

cosa ne pensi di una soluzione javascript? –

+5

javascript non è magico! Questo tipo di cose sono implementate a un livello basso dal browser stesso, non importa se le istruzioni provengono da css o javascript. Non dico che non è possibile, dico solo che sarebbe sorpreso, e sarebbe contrario alle specifiche. – tibo

+0

è scritto specs ?? cosa significa questo ... stai dicendo che questo non è un bug e che i venditori lo fanno in modo completo? –

Problemi correlati