ansaurus

Question

Deactivate or remove the scrollbar on HTML

Answer 1

+4 A:

If you really need it...

html { overflow-y: hidden; }

meder 2010-06-13 23:58:40

put it where ?..

dotNET 2010-06-13 23:59:52

Uhm, in a stylesheet or a `<style>` element.

meder 2010-06-14 00:00:53

good, but it just hide the scrollbar; if I use the keyboard it scroll down. How can I desactivate the scrolling down ?

dotNET 2010-06-14 00:03:45

The question was "remove the vertical scrollbar" and that did exactly that. You can try binding `keyup` or `keydown` to document and cancelling if the event code is equal to the down arrow, or reverting it with scrollTo(0,0) on the event handler.

meder 2010-06-14 00:05:50

Example please ?

dotNET 2010-06-14 00:07:46

Make a new question and specify exactly what you want please. Also state your level of Javascript please.

meder 2010-06-14 00:08:46

ok i'm going to do this; thanks alot.

dotNET 2010-06-14 00:10:59

@AZIRAR, I suppose it's too much to hope for that you would realise this was a bad idea :-) The contents of the browser window can rightly be thought of as "yours", the browser itself (scroll bars, close buttons, navigation away from the site and so on) belongs to the user. What happens when they don't have enough vertical space to render your page and you won't let them scroll down?

paxdiablo 2010-06-14 00:23:18

Answer 2

+2 A:

put this code in your html header:

<style type="text/css">
html {
        overflow: auto;
}
</style>

Greg McNulty 2010-06-14 01:12:45

Answer 3

A:

What I would try in this case is put this in the stylesheet

html, body{overflow:hidden;}

this way one disables the scrollbar, and as a cumulative effect they disable scrolling with the keyboard

Raine 2010-06-14 01:28:05

ansaurus

tags:

views:

answers:

Deactivate or remove the scrollbar on HTML

related questions