CSS trick: Always show scrollbars
Wednesday, March 28th, 2007I worked on a site a few weeks ago where the user wanted visible scrollbars no matter how much space the content takes up on the page. Internet Explorer is happy to oblige, just put in a overflow: scroll; in your CSS and your good to go. However, Mozilla Firefox wouldn’t play ball. A bit of Googling revealed Mozillas own implementation -
overflow: -moz-scrollbars-vertical;.
So to sum up, add the following CSS code to your site if you want the scrollbars visible at all times:
html {
overflow: -moz-scrollbars-vertical;
overflow: scroll;
}