Wymuszenie widocznego paska przewijania w przeglądarce Firefox w systemie Mac OS X

Question

Przeglądarka Firefox 24 wprowadziła obsługę paska przewijania Lion. Spowoduje to wyświetlenie pasków przewijania w stylu Lion na Mac OS X. Zobacz: https://wiki.mozilla.org/Lion_Scrollbars/Triage

Powoduje to u mnie problem: pasek przewijania elementu div jest teraz domyślnie ukryty. Czasami chcę wymusić widoczny pasek przewijania.

Dla WebKit jest tam ładne rozwiązanie (wspomniane w 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); 
} 

Czy ktoś wie jak mogę zmusić widoczny pasek przewijania w Firefox 24 (i więcej) na Mac OS X?

Czy są dostępne rozwijane paski przewijania javascript pasujące do pasków przewijania webkita?

Answer 1

Jako użytkownik trzydzieścidot explained w innym pytaniu, nie ma sposobu, aby dostosować paski przewijania w przeglądarce Firefox, jak to możliwe w Chrome.

Ponadto, nie ma sposobu, aby faktycznie „siła” Firefox uczynić przewijania w starym stylu, ponieważ domyślne przewijania używany w systemie jest predefiniowany przez sam OS(zauważ, że można zmodyfikować który scrollBar chcesz w Preferencje systemowe).

Innymi słowy, dopóki Firefox nie obsługuje natywnych niestandardowych pasków przewijania, jest to możliwe tylko z wtyczkami JavaScript, takimi jak jScrollPane i podobne.

Answer 2

Czy to działa?

html { 
    overflow-y: scroll; 
} 

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

Answer 3

Oto rozwiązanie, ale trzeba użyć JavaScript. Zasadniczo uruchamia pętlę, która zmusza przeglądarkę do wyświetlania pasków przewijania.

Użyj tego CSS aby upewnić się, że div jest ustawiony aby pokazać przewijania:

.mydiv{ overflow-y:auto; } 

Następnie dołączyć skrypt do swojej strony (wymaga 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

Co powiecie na overflow: -moz-scrollbars-vertical?