vertical - show scrollbar css

CSS Deshabilitado el desplazamiento

Question

Encontré un problema con uno de nuestros sitios web:

En IE9, la página tenía una barra de desplazamiento vertical, pero no podía usar la rueda del ratón, las teclas de flecha, pgup / pgdwn para desplazarse. La única forma de desplazarse era hacer clic / mantener y mover la barra de desplazamiento.

He quitado lo siguiente del css:

{
    overflow-x: hidden;
}

Luego el desplazamiento funcionó como siempre. ¿Alguien más ha encontrado esto? Parece extraño ya que overflow-x debería ocultar la barra de desplazamiento horizontal? ¿Por qué afectaría a la vertical?

He intentado esto en una página de prueba y actúa como se esperaba. Así que debe ser una combinación de cosas.

Answer 1

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

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

Answer 2

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

Answer 3

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

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

overflow: hidden;
eliminaría ambas barras de desplazamiento