css - poner - IE10 detiene la barra de desplazamiento que aparece sobre el contenido y desaparece

scroll en html

Question

Si accede a cualquier sitio web con contenido que provoque una barra de desplazamiento vertical en ie10 (escritorio), como http://www.buildwindows.com/ , notará que la barra de desplazamiento solo aparece cuando se desplaza sobre la ventana.

¿Hay alguna forma de forzar la barra de desplazamiento para mostrar siempre? Me preocupa que sea menos obvio que haya más contenido más abajo en la página.

Gracias

Answer 1

Añadiendo estos trabajos META-Tag:

<meta http-equiv="X-UA-Compatible" content="IE=9">

Answer 2

Agregué esto en el elemento html, es decir, html {-ms-overflow-style: scrollbar;} y funcionó para mí.

Answer 3

Esto debería hacer el truco, la consulta de medios evitará que el desplazamiento desaparezca cuando la pantalla es más grande que 992px. (Supongo que el dispositivo móvil de Windows lo necesita para ocultar la barra de desplazamiento. Por eso he realizado la consulta de medios).

@-ms-viewport {
  width: device-width;  
}
@media (min-width: 992px) {
  @-ms-viewport {
    width: auto !important;
  }
}

Answer 4

Hay una propiedad CSS personalizada con prefijo de proveedor para establecer:

html {
   -ms-overflow-style: scrollbar;
}

Otras opciones incluyen auto , none , scrollbar y -ms-autohiding-scrollbar . El último causa el comportamiento que estás experimentando.

Un extracto de la documentación de MSDN , específicamente el valor de la scrollbar antes mencionado:

Indica que el elemento muestra un control clásico de tipo de barra de desplazamiento cuando su contenido se desborda.

A diferencia de -ms-autohiding-scrollbar , las barras de desplazamiento en los elementos con la -ms-overflow-style establecida en scrollbar de scrollbar siempre aparecen en la pantalla y no se desvanecen cuando el elemento está inactivo.

Answer 5

el estilo css

overflow-y:scroll;

hará que el elemento para el que está configurado tenga siempre una barra de desplazamiento vertical