-moz-scrollbars-vertical equivalente para Chrome / Opera / Safari?

StackOverflow https://stackoverflow.com/questions/1800670

  •  05-07-2019
  •  | 
  •  

Pregunta

IE6, IE7 e IE8 muestran una barra de desplazamiento vertical para la página de forma predeterminada, incluso si no es desplazable. Chrome y Firefox no hacen esto (supongo que Opera y Safari no lo hacen también). Puede lograr este mismo comportamiento en FireFox usando el CSS: 

body { overflow: -moz-scrollbars-vertical; }

¿Hay alguna forma de forzar la barra de desplazamiento visible en los otros tres navegadores? ¿O incluso mejor, una forma estándar de hacerlo?

¿Fue útil?

Solución

Actualizar

Es posible que (además) deba incluir -ms-overflow-y y / o -moz-scrollbars-vertical , como se menciona en esta otra publicación de StackOverflow : 

html {
    overflow: -moz-scrollbars-vertical; /* For FF */
    -ms-overflow-y: scroll; /* For IE */
    overflow-y: scroll; /* For others & old IE */
}

Original 

html { overflow-y: scroll; }

Consulte " overflow-y " en W3Schools

Probado & amp; verificado (con éxito) en:

  • FF 7
  • Chrome 15
  • IE 5 + 6 + 7 + 8 + 9 + 10 (vista previa de la plataforma) con IETester
  • Opera 11.52
  • Safari / Win 5.1.1

Ejemplo completo 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
    html { overflow-y: scroll; }
</style>
</head>
<body>
    Test content
</body>
</html>

Otros consejos

html { height: 100%; margin-bottom: 1px; }

Ver Forzar barras de desplazamiento (ahora incluso mejor) para más información.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top