How can I hide horizontal scroll bar?
Some websites use CSS code (overflow-x: hidden or overflow-y:hidden), that shows the horizontal scroll bar while the frame on the website is centered and only 800 pixels wide, but I really don't need my horizontal scroll bar to show up. So how can I hide it?
Thanks!
All Replies (9)
Anybody here? :(
If you use overflow: hidden then you shouldn't see a scroll bar (overflow:scroll does that).
If that doesn't work then try to add the !important; or use the code in Stylish or to userContent.css in the chrome folder.
Thanks for replying me back, but I do not wanna go into such complex issues coz I'm not as good at it as you! Just wanted to hide the horizontal scroll bar. As simple as that!
Can you post a link to a web page where you want to hide the scroll bar?
So, what's up cor-el?
I'm not seeing a real problem with the horizontal scroll bar on the home page of that site.
The content in the center is a Flash object (right-click it) and you can't do anything with such an object if that is what you want to achieve.
Please note that if I zoom in the web page, the horizontal scroll bar shows up, then I cannot hide it! It causes me a lot of hassles! As I do not want to use any other browsers, I have no clue how to solve this problem... I will be grateful if you could help me with it please.
Sorry for causing you concern
You can create a bookmark with this JavaScript code set as the location:
javascript:void(document.body.style.setProperty('overflow','hidden','important'));
You will have to use the cursor keys to scroll the page (make sure that the Flash object doesn't have focus).