web-dev-qa-db-fra.com

Forcer la barre de défilement visible dans Firefox sur Mac OS X

Firefox 24 a introduit le support des barres de défilement Lion. Cela affichera des barres de défilement en style Lion sur Mac OS X. Voir: https://wiki.mozilla.org/Lion_Scrollbars/Triage

Cela pose un problème pour moi: une barre de défilement sur une div est maintenant masquée par défaut. Parfois, je veux forcer une barre de défilement visible.

Pour WebKit, il existe une solution Nice (mentionnée à 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);
}

Est-ce que quelqu'un sait comment je peux forcer une barre de défilement visible dans Firefox 24 (et plus) sous Mac OS X?

Existe-t-il des barres de défilement javascript inscriptibles qui correspondent aux barres de défilement webkit?

cssfirefoxgecko
35
Boschman

Voici une solution mais vous devez utiliser Javascript. Fondamentalement, il exécute une boucle qui oblige le navigateur à afficher les barres de défilement.

Utilisez cette CSS pour vous assurer que votre div est configurée pour afficher les barres de défilement:

.mydiv{ overflow-y:auto; }

Joignez ensuite ce script à votre page (cela nécessite 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>
3
Confidant

Que diriez-vous de overflow: -moz-scrollbars-vertical?

0
Fernando Camargo