html - que - Ocultar barra de desplazamiento en IE
ocultar scroll pero que funcione (6)
En nuestra aplicación para la interfaz de usuario estamos usando JSF o Prime para eso. Nos gustaría ocultar la barra de desplazamiento para nuestra aplicación, pero estamos luchando para lograr esto en Internet Explorer (estamos utilizando IE7).
¿Hay alguna forma de evitar que se muestre la barra de desplazamiento en Internet Explorer? Intenté poner overflow: hidden; En CSS, pero no funciona.
He probado casi todos los nodos en el DOM y configuré el width / height al 100% , con margin: 0px , padding: 0px . ¿Parece funcionar bien en Firefox, pero no funciona en IE7?
Asegúrate de que IE no esté en modo de compatibilidad antes de darte una paliza mientras intentas el overflow:hidden;
Difícil de decir sin ver el código! Dicho esto, podría intentar usar los "Atributos ampliados" que Microsoft introdujo para Internet Explorer.
<body scroll="no">
EDITAR:
También puede intentar configurar la propiedad de desbordamiento de la página html en CSS como tal.
html, body { overflow: hidden; }
En caso de que alguien todavía necesite una solución, ésta funcionó para mí:
.container{
-ms-overflow-style: none;
overflow: auto;
}
Este cambio permite desplazarse en el contenedor y oculta las barras en IE.
Probado en IE 10 y 11.
Este CSS funciona para mí tanto en Chrome como en IE 10:
/* Oculta la scroll-bar pero sigue permitiendo hacer scroll con el mouse */
body::-webkit-scrollbar { display: none; }
html, body { -ms-overflow-style: none; overflow: auto; }
No puedo proporcionar una solución CSS simple, pero si utiliza jQuery, es fácil establecer el ancho y la altura calculados para el cuerpo de esta manera:
$("body").css({"width": body.width()+"px", "height": body.height()+"px"})
y entonces
$("body").css({"overflow": "hidden"});
Trabajó también en IE (al menos en IE9 +). Mi objetivo era hacer que la página no fuera desplazable temporalmente (cuando se mostraba un diálogo personalizado con capacidad de desplazamiento propio). Y cuando se cerró el diálogo personalizado, restablezco el atributo de estilo del cuerpo a su estado anterior (para eliminar el ancho y la altura del cuerpo computado).
Puedes usar este código implementarlo en el cuerpo -
body { overflow-x:hidden; }
Si no es así, mire el diseño y vea si algún contenedor tiene un ancho desfavorable de algo que hace que el diseño se extienda un poco ...