El comportamiento predeterminado de WebKit / Blink (Safari / Chrome) en MacOS desde 10.7 (Mac OS X Lion) es ocultar las barras de desplazamiento de los usuarios del trackpad cuando no están en uso. Esto puede ser confuso ; la barra de desplazamiento es a menudo la única señal visual de que un elemento es desplazable.
Ejemplo ( jsfiddle )
HTML<div class="frame">
Foo<br />
Bar<br />
Baz<br />
Help I'm trapped in an HTML factory!
</div>
CSS
.frame {
overflow-y: auto;
border: 1px solid black;
height: 3em;
width: 10em;
line-height: 1em;
}
Captura de pantalla de WebKit (Chrome)
Captura de pantalla de Presto (Opera)
¿Cómo puedo forzar que una barra de desplazamiento se muestre siempre en un elemento desplazable en WebKit?