mdn - overflow en html css

Forzar barra de desplazamiento visible en Firefox en Mac OS X

Question

Firefox 24 presentó la compatibilidad con la barra de desplazamiento Lion. Esto mostrará barras de desplazamiento en estilo León en Mac OS X. Ver: https://wiki.mozilla.org/Lion_Scrollbars/Triage

Esto me causa un problema: una barra de desplazamiento en un div ahora está oculta por defecto. A veces quiero forzar una barra de desplazamiento visible.

Para WebKit hay una buena solución (mencionada en https://davidwalsh.name/osx-overflow ):

::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 7px;
}

::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: rgba(0,0,0,.5);
   -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

¿Alguien sabe cómo puedo forzar una barra de desplazamiento visible en Firefox 24 (y superior) en Mac OS X?

¿Hay alguna barra de desplazamiento de javascript que coincida con las barras de desplazamiento de Webkit?

Answer 1

¿Esto funcionaría?

html {
    overflow-y: scroll;
}

http://css-tricks.com/snippets/css/force-vertical-scrollbar/

Answer 2

¿Qué tal el overflow: -moz-scrollbars-vertical ?

Answer 3

Aquí hay una solución, pero debes usar Javascript. Básicamente ejecuta un ciclo que obliga al navegador a mostrar las barras de desplazamiento.

Use este CSS para asegurarse de que su div esté configurado para mostrar las barras de desplazamiento:

.mydiv{ overflow-y:auto; }

A continuación, adjunte este script a su página (esto requiere JQuery).

<script type="text/JavaScript">
var sc;
jQuery(document).ready(function(){
    //constantly update the scroll position:
    sc=setInterval(scrollDown,200);

    //optional:stop the updating if it gets a click
    jQuery(''.mydiv'').mousedown(function(e){
        clearInterval(sc);            
    });
});
function scrollDown(){
    //find every div with class "mydiv" and apply the fix
    for(i=0;i<=jQuery(''.mydiv'').length;i++){
        try{
            var g=jQuery(''.mydiv'')[i];
            g.scrollTop+=1;
            g.scrollTop-=1;
        } catch(e){
            //eliminates errors when no scroll is needed
        }
    }
}
</script>

Answer 4

Como explained usuario thirtydot en otra pregunta, no hay forma de personalizar las barras de desplazamiento en Firefox como es posible en Chrome.

Además, no hay forma de "obligar" a Firefox a renderizar la barra de desplazamiento antigua ya que la barra de desplazamiento predeterminada utilizada en el sistema está predefinida por el sistema operativo (tenga en cuenta que puede modificar la barra de desplazamiento que desee en Preferencias del sistema) .

En otras palabras, hasta que Firefox admita barras de desplazamiento personalizadas, solo es posible con complementos de JavaScript como jScrollPane y similares.