2011-09-07 8 views
24

me encontré con un problema con uno de nuestros sitios web:CSS discapacitados desplazamiento

En IE9 la página tenía una barra de desplazamiento vertical, pero no se podía utilizar la rueda del ratón, teclas de flecha, Re Pág/AvPág para desplazarse. La única manera de desplazarse era hacer clic/mantener presionado y mover la barra de desplazamiento.

Me retiran las siguientes opciones del CSS:

{ 
    overflow-x: hidden; 
} 

después recorriendo trabajaron como de costumbre. ¿Alguien más se ha encontrado con esto? Parece extraño como overflow-x debería ocultar la barra de desplazamiento horizontal? ¿Por qué afectaría la vertical?

He intentado esto en una página de prueba y funciona como se esperaba. Entonces debe ser una combinación de cosas.

+1

'" * Lo he probado en una página de prueba y funciona como se esperaba. Por lo tanto, debe ser una combinación de cosas. "- a menos que alguien haya encontrado esto antes, * necesitamos * una página de prueba que reproduzca el problema. Puede publicar un enlace al sitio o tomar una copia de la página usted mismo y anonimizarla y tener todo el CSS requerido (y cualquier JavaScript * relevante para el problema *) incluido y publicarlo en [JS Bin] (http: //jsbin.com/). – thirtydot

+0

Disculpas, no tengo permiso para publicar un enlace a los materiales en sí (son solo de suscripción). Esto fue principalmente por interés, ya que he logrado solucionar el problema, es solo que no entiendo por qué funcionó la solución. Desafortunadamente no puedo simplemente cargar una página ya que es parte de un sistema de e-learning. – Sheff

Respuesta

14

overflow-x: hidden;
ocultaría cualquier cosa en el eje x que salga del elemento, por lo que no habría necesidad de la barra de desplazamiento horizontal y se eliminará.

overflow-y: hidden;
podría ocultar cualquier cosa en el eje y que pasa fuera del elemento, por lo que no habría necesidad de la barra de desplazamiento vertical y que se eliminan.

overflow: hidden;
eliminaría las dos barras de desplazamiento

+0

¿No es al revés? overflow-y controla la barra de desplazamiento vertical: http://jsfiddle.net/ddVTk/ – user2019515

37

Intente utilizar el siguiente fragmento de código. Esto debería resolver tu problema.

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

Uso iFrame para insertar el contenido de otra página y el CSS mencionado anteriormente NO está funcionando como se esperaba. Tengo que usar el parámetro scrolling = "no" incluso si uso HTML 5 Doctype

Cuestiones relacionadas