Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How can I remove scrollbar in the browser window?

more options

Hi,

For a certain reason I want to remove the vertical scrollbar (appears when the page content is longer than the screen height). How can I do that?

Hi, For a certain reason I want to remove the vertical scrollbar (appears when the page content is longer than the screen height). How can I do that?

Chosen solution

You can use this code in Stylish or userChrome.css:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#content browser { margin-right:-14px!important; overflow-y:scroll; overflow-x:hidden;}

(you may need to add the !important flag)

Read this answer in context 👍 2

All Replies (6)

more options

and you want to do this because you are a

  1. web page developer (and are aware that users can override)
  2. user (and realize your next computer's screen size may be different)

As a user you might install a style to remove the vertical scrollbar and limit it to a certain domain, or to a specific webpage.

As a user this Google search for a style should help you find something of interest.

site:userstyles.org/styles/ -inurl:browse remove vertical scrollbar webpage
more options

I am both a user and a developer and I am aware of the things you mentioned. I just want to remove the scrollbar for some screenshots.

I installed Stylish addon and "Hide scrollbars globally" from http://userstyles.org/styles/13594/hide-scrollbars-globally, the scrollbar is gone but mousewheel scrolling does not work now. Can this be fixed? I am on Vista.

more options

Chosen Solution

You can use this code in Stylish or userChrome.css:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#content browser { margin-right:-14px!important; overflow-y:scroll; overflow-x:hidden;}

(you may need to add the !important flag)

Modified by cor-el

more options

Thank you very much cor-el. It works nice.

more options

You're welcome

more options

Good, better that I didn't answer first but I use this extension which provides Mac like grabbing of a page to move it around within the windows, same technique as you use in Google Maps to move the map around. Make sure you have the installed toolbar button available from customization to use the extension.