Hi guys, Is it possible to disable the browsers vertical and horizontal scrollbars using jQuery or javascript?
For browser compatibility I'd add this style to the HTML tag as well:html, body {overflow:hidden;}
Ady
2008-10-28 10:21:50
Thanks for that, that is good,
codemeit
2008-10-31 11:28:21
+10
A:
In case you need possibility to hide and show scrollbars dynamically you could use
$("body").css("overflow", "hidden");
and
$("body").css("overflow", "auto");
somewhere in your code.
Alexander Prokofyev
2008-10-28 09:44:48
A:
Agree with CodeMelt, I don't even wanna know if there's a JS way to do that...
But be sure though to choose a size that fits small screens, like your boss' tiny winny notebook with a ridiculously small display, or you grandma's antic computer.
Vinzz
2008-10-28 09:51:33
+1
A:
Alexander Prokofyev is spot on, but it might be an idea to look at browser dimensions first, using jQuery, and make sure that the browser window is big enough to display the site correctly.
Samuel Cotterall
2008-10-28 10:13:41
+2
A:
So far we have overflow:hidden on the body. However IE doesn't always honor that and you need to put scroll="no" on the body element as well and/or place overflow:hidden on the html element as well.
You can take this further when you need to 'take control' of the view port you can do this:-
<style>
body {width:100%; height:100%; overflow:hidden, margin:0}
html {width:100%; height:100%; overflow:hidden}
</style>
An element granted height 100% in the body has the full height of the window viewport, and element positioned absolutely using bottom:nnPX will be set nn pixels above the bottom edge of the window, etc.
AnthonyWJones
2008-10-28 10:32:42
A:
In case you also need support for Internet Explorer 6, just overflow the html
$("html").css("overflow", "hidden");
and
$("html").css("overflow", "auto");
gawin
2010-08-05 20:20:38