Forza barra di scorrimento visibile in Firefox su Mac OS X

Question

Firefox 24 ha introdotto il supporto della barra di scorrimento Lion. Questo mostrerà le barre di scorrimento in stile Lion su Mac OS X. Vedi: https://wiki.mozilla.org/Lion_Scrollbars/Triage

Questo causa per me un problema: una barra di scorrimento su un div è ora nascosta per impostazione predefinita. A volte voglio forzare una barra di scorrimento visibile.

Per WebKit c'è una bella soluzione (menzionata in 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); 
} 

Qualcuno sa come posso forzare una barra di scorrimento visibile in Firefox 24 (e su) su Mac OS X?

Esistono barre di scorrimento javascript drop-in che corrispondono alle barre di scorrimento di Web Kit?

Answer 1

Come utente trentaquattro explained in un'altra domanda, non è possibile personalizzare le barre di scorrimento in Firefox come possibile in Chrome.

Inoltre, non v'è alcun modo per davvero "forza" Firefox rendere la barra di scorrimento vecchio stile in quanto la barra di scorrimento di default utilizzato nel sistema è predefinito dal sistema operativo stesso(si noti che è possibile modificare la quale barra di scorrimento che si desidera in Preferenze di sistema).

In altre parole, fino a quando Firefox supporta barre di scorrimento personalizzate nativi, è possibile solo con plug-in JavaScript come jScrollPane e simili.

Answer 2

Questo lavoro dovrebbe funzionare?

html { 
    overflow-y: scroll; 
} 

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

Answer 3

Ecco una soluzione, ma è necessario utilizzare Javascript. Fondamentalmente esegue un ciclo che obbliga il browser a mostrare le barre di scorrimento.

Utilizzare questa CSS per assicurarsi che il div è impostato per visualizzare le barre di scorrimento:

.mydiv{ overflow-y:auto; } 

quindi collegare questo script per la tua pagina (questo richiede 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

Che ne dici di overflow: -moz-scrollbars-vertical?