Deactivate or remove the scrollbar on HTML

Question

I want to de-activate or remove the vertical scrollbar in an HTML page  How to do that    Thanks

User · Answer

This makes it so if before there was a scrollbar then it makes it so the scrollbar has a display of none so you can t see it anymore  You can replace html to body or a class or ID  Hope it works for you     html  -webkit-scrollbar       display  none

User · Answer

Meder Omuraliev suggested to use an event handler and set scrollTo 0 0   This is an example for Wassim-azirar  Bringing it all together  I assume this is the final solution   We have 3 problems  the scrollbar  scrolling with mouse  and keyboard  This hides the scrollbar          html  body overflow hidden     Unfortunally  you can still scroll with the keyboard  To prevent this  we can       function keydownHandler e    var evt   e   e event    var keyCode   evt keyCode     if  keyCode  38    keyCode  39    keyCode  40    keyCode  37     arrow keys e preventDefault   scrollTo 0 0        document onkeydown keydownHandler    The scrolling with the mouse just naturally doesn t work after this code  so we have prevented the scrolling   For example  https   jsfiddle net aL7pes70 1

User · Answer

put this code in your html header     lt style type  text css  gt  html           overflow  auto     lt  style gt

User · Answer

If you really need it     html   overflow-y  hidden

User · Answer

In HTML  lt div style  quot overflow  hidden  quot  gt   in CSS overflow  hidden   you can also end scrolling for x or y separately overflow-y  hidden     Hide vertical scrollbar      overflow-x  hidden     Hide horizontal scrollbar

User · Answer

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

[html] Deactivate or remove the scrollbar on HTML

Examples related to html

Examples related to css

Examples related to scrollbar