Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

How do I temporarily hide the horizontal scroll bar ?

  • 5 antwoorden
  • 1 heeft dit probleem
  • 14 weergaven
  • Laatste antwoord van whoo

more options

How do I temporarily hide the horizontal scroll bar ?

How do I temporarily hide the horizontal scroll bar ?

Bewerkt door whoo op

Gekozen oplossing

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)

Dit antwoord in context lezen 👍 0

Alle antwoorden (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.

Bewerkt door cor-el op

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

Gekozen oplossing

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