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 do I temporarily hide the horizontal scroll bar ?

  • 5 replies
  • 1 has this problem
  • 4 views
  • Last reply by whoo

more options

How do I temporarily hide the horizontal scroll bar ?

How do I temporarily hide the horizontal scroll bar ?

Modified by whoo

Chosen solution

Sorry, something went wrong with the code and some quotes after the comma were removed. If you run the code in the Scratchpad then the scroll bar(s) in the current browser tab should disappear.

void(document.body.style.setProperty("overflow-x","hidden",""));

void(document.body.style.setProperty("overflow-x","auto",""));

(you do not need the javascript: label if you run the code in the Scratchpad)

Read this answer in context 👍 0

All Replies (5)

more options

You can do that with this bookmarklet:

javascript:void(document.body.style.setProperty('overflow-x','hidden',''));

Use this bookmarklet to restore the scroll bar:

javascript:void(document.body.style.setProperty('overflow-x','auto',''));

You can't run JavaScript code via the location bar in Firefox 8+ (you can via the Scratchpad or Web Console).
You need to create a bookmark and paste the code in the location field.

Modified by cor-el

more options

Thank you for you reply Cor-el. I have questions: 1. What is a "bookmarklet and how do I use it" (step by step please). 2. What do I do with: javascript:void(document.body.style.setProperty('overflow-x','hidden',)); and "javascript:void(document.body.style.setProperty('overflow-x','auto',)); (step by step please).

    I have read the link that you gave but still don't know what to do.

Thanks, Bill

more options

cor-el: I have re-read your posts and have attempted to follow the instructions with these results: Firefox>tools>web developer>scratch pad(deleted the instructions so as to have a blank box)>inserted your code, vis. javascript:void(document.body.style.setProperty('overflow-x','hidden',)); The result was: syntax error

I then performed the same steps as above but inserted your code: javascript:void(document.body.style.setProperty('overflow-y','hidden','important'));void(document.body.style.setProperty('overflow-x','hidden','important')); The result was that after clicking on 'run' nothing at all happened. The cursor just kept blinking.

I'll bet that there is just some small syntactic error.

more options

Chosen Solution

Sorry, something went wrong with the code and some quotes after the comma were removed. If you run the code in the Scratchpad then the scroll bar(s) in the current browser tab should disappear.

void(document.body.style.setProperty("overflow-x","hidden",""));

void(document.body.style.setProperty("overflow-x","auto",""));

(you do not need the javascript: label if you run the code in the Scratchpad)

more options

To: cor-el From: whoo Re: javascript code

I the last post that you were kind enough to make, you mentioned "javascript". In the your posted code, which is the 'javascript' ?

Also: In the message that I received from you the code was broken up into 2 pieces. Just so I get it straight, what does the code start with and what does it finish with ?

Thanks for your efforts but please remember that at times you are trying to help casual computer users NOT developers or other computer experts. Thanks again, whoo