How do I temporarily hide the horizontal scroll bar ?
How do I temporarily hide the horizontal scroll bar ?
Modified
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 👍 0All Replies (5)
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
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
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.
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)
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