Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Force visible scrollbar in Firefox on Mac OS X

Tags:

css

firefox

gecko

Firefox 24 introduced Lion scrollbar support. This will show scrollbars in Lion style on Mac OS X. See: https://wiki.mozilla.org/Lion_Scrollbars/Triage

This causes a problem for me: a scrollbar on a div is now hidden by default. Sometimes I want to force a visible scrollbar.

For WebKit there is a nice solution (mentioned at 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); } 

Does anybody know how I can force a visible scrollbar in Firefox 24 (and up) on Mac OS X?

Are there any drop-in javascript scrollbars that match webkit scrollbars?

like image 790
Boschman Avatar asked Aug 19 '13 15:08

Boschman


People also ask

How do I make the scrollbar always visible in Firefox?

You can make the scroll bars always visible: System Preferences > General > Show Scroll Bar > Choose "Always"

How do I unhide the scroll bar in Firefox?

"On Windows, Firefox follows the system preference (System Preferences > Accessibility > Visual Effects > Always show scrollbars)."

How do I make my scroll bar always show?

To show the scrollbars always on the webpage, use overflow: scroll Property. It will add both horizontal and vertical scrollbars to the webpage. To add only horizontal scrollbar use overflow-x: scroll property and for vertical scrollbar use overflow-y: scroll property.


1 Answers

As user thirtydot explained in another question, there is no way to customize scrollbars in Firefox as its possible in Chrome.

Also, there is no way to actually "force" Firefox render the old-style scrollbar since the default scrollbar used in the system is predefined by the OS itself (note that you can modify which scrollbar you want in System Preferences).

In other words, until Firefox supports native custom scrollbars, it is only possible with JavaScript plugins such as jScrollPane and similar.

like image 118
Claudio Holanda Avatar answered Sep 21 '22 12:09

Claudio Holanda