CODEWITHSUNDEEP
htmlcssinternet-explorerfirefoxscrollbar
Pekka
Pekka

Reputation: 449385

Get a deactivated scrollbar in Firefox

I have a Javascript tabbed dialog whose pages have different heights. Some of them are taller than the browser window.

In Internet Explorer, there is always a scrollbar to the right. When it is not needed, it is greyed out. The page dimensions stay the same and there is no problem.

In Firefox, the Scrollbar is hidden completely when not needed constantly changing the page's dimensions on each page change and thus the width of the whole tabbed dialog (it has a relative width). This is very annoying.

Is there any way to bring the deactivated scrollbar "back" to Firefox, or any other way to work around this?

Upvotes: 3

Views: 1219

Answers (2)

Phil Ross
Phil Ross

Reputation: 26090

You can use the CSS3 overflow-y property:

html
{
  overflow-y: scroll;
}

This works in Firefox, Chrome, Safari and IE 8.

Upvotes: 8

Franz
Franz

Reputation: 11553

Add the following line to your userContent.css:

html { overflow: -moz-scrollbars-vertical !important; }

Upvotes: 6

Related Questions