I am trying to use jQuery to handle the scroling, so I want to get rid of the browser's scroll bar... how do I do that?
this is just a comment not an answer
Bobby Borszich
2010-09-20 15:44:44
But what if the answer is that its not possible?
m.edmondson
2010-09-20 15:45:46
Then you should say "that's not possible" and offer some citations if possible. If you're not sure if it is/isn't possible, then research it before answering.
STW
2010-09-20 15:56:12
It is possible, though.
Jeff Rupert
2010-09-20 15:56:31
yes it is possible, but if you don't even try to look for a correct answer then yes it is not possible
krike
2010-09-20 18:16:27
+2
A:
Use CSS: overflow:hidden; will disable the scroll-bars of the element.
Not certain whether it will work on the whole page (ie at the body level), but you can always wrap your content in a div and style that.
Spudley
2010-09-20 15:40:33
+5
A:
well with css you could do that -> overflow:hidden on the body tag but you will not be able to scroll down anymore if the page is larger then the browser screen (unless you use your keyboard arrows)
krike
2010-09-20 15:41:03
Should we really be removing the users controls? I thought this was considered bad practice in the same way that pop-ups are. You will only disorientate the user. The user should be able to scroll if they want? Am I not correct?
m.edmondson
2010-09-20 15:58:23
You are totaly right, i wanted to make a note about it but i had to leave. Removing the scrollbar indeed removes the usability of the website and it is not recommended
krike
2010-09-20 16:16:36
well, I'm handling overflowing content differently, in a way, I feel is more intuitive (and lazier)
DerNalia
2010-09-20 16:42:40
+2
A:
The way to prevent the browser scroll bar using jQuery is to keep your document height less than your window height. Meaning you would need a wrapping div and make sure your content never exceeds the window height.
$(document).height();
$(window).height();
Not sure what you are trying to accomplish though.
as others have suggested you can use the CSS property
body{
overflow: hidden;
}
The actual use case would need to be presented to find which way would be best.
Bobby Borszich
2010-09-20 15:44:00
that's not really necessary, he just wants it to be hidden. it can be done with css, see my answer. I tested it out on this site using firebug
krike
2010-09-20 15:46:23
A:
For finer control over which scrollbar to show and hide you can also use overflow-x and overflow-y. Browser support is a bit tricky. You can check it with this testcase if there is a solution for only get rid of the vertical scrollbar in your case.
dantz
2010-09-20 15:45:36
Since the question is specific about the *vertical* scrollbar, this makes it just complicated enough.
David Dorward
2010-09-20 21:56:46