2011-09-07 29 views
24

mi sono imbattuto in un problema con uno dei nostri siti web:CSS disabili scorrimento

In IE9 pagina ha avuto una barra di scorrimento verticale, ma non si poteva usare la rotella del mouse, i tasti freccia, PgSu/PGGIÙ Percorso per scorrere verso. L'unico modo per scorrere era effettivamente fare clic su/tenere premuto e spostare la barra di scorrimento.

ho rimosso quanto segue dalla css:

{ 
    overflow-x: hidden; 
} 

quindi scorrendo lavorato come al solito. Qualcun altro ha incontrato questo? Sembra strano come overflow-x dovrebbe nascondere la barra di scorrimento orizzontale? Perché dovrebbe avere effetto sulla verticale?

Ho provato questo su una pagina di prova e funziona come previsto. Quindi deve essere una combinazione di cose.

+1

'" * Ho provato questo su una pagina di test e agisce come previsto. Quindi deve essere una combinazione di cose. " a meno che qualcuno non si sia imbattuto in questo prima, * abbiamo * bisogno di una pagina di test che riproduca il problema. Puoi pubblicare un link al sito, o prendere una copia della pagina da solo e anonimarla e avere tutti i CSS necessari (e qualsiasi JavaScript * pertinente al problema *) inclusi e pubblicarli su [JS Bin] (http: //jsbin.com/). – thirtydot

+0

Mi scuso, non ho il permesso di pubblicare un link ai materiali stessi (sono solo in abbonamento). Questo era principalmente per interesse, dato che sono riuscito a risolvere il problema, ma non capisco perché la correzione abbia funzionato. Purtroppo non posso semplicemente caricare una pagina poiché fa parte di un sistema di e-learning. – Sheff

risposta

14

overflow-x: hidden;
nasconderebbe qualsiasi cosa sull'asse x che va all'esterno dell'elemento, quindi non ci sarebbe bisogno della barra di scorrimento orizzontale e verrà rimosso.

overflow-y: hidden;
avrebbe nascosto qualsiasi cosa sul asse y che va al di fuori dell'elemento, quindi non ci sarebbe bisogno per la barra di scorrimento verticale e vengono rimossi.

overflow: hidden;
eliminerebbe entrambe le barre di scorrimento

+0

Non è il contrario? overflow-y controlla la barra di scorrimento verticale: http://jsfiddle.net/ddVTk/ – user2019515

37

Provare a utilizzare il seguente frammento di codice. Questo dovrebbe risolvere il tuo problema.

body, html { 
    overflow-x: hidden; 
    overflow-y: auto; 
} 
2

Io uso iFrame per inserire il contenuto di un'altra pagina e CSS di cui sopra non funziona come previsto. Devo usare il parametro scrolling = "no" anche se uso HTML 5 Doctype

Problemi correlati