-1

Is it possible to hide the browser's horizontal and vertical scroll through HTML or Javascript? I have a listing and for that I have made my own div to div scroller and I want to hide the browser's scroll bars Thanks in advance

Baig
  • 301
  • 3
  • 9
  • 8
    Maybe, but you *really* shouldn't be reinventing the scroll bar. Many users do not appreciate this. – user229044 Apr 29 '13 at 15:11
  • i am not reinventing it, i have just made an image that gives an affect of scrolling – Baig Apr 29 '13 at 15:14
  • So, what you want is to style the scrollbars with your own design? Or delete them completely for other purposes? – Arkana Apr 29 '13 at 15:27

3 Answers3

2

You can apply overflow: hidden to html and/or body in CSS but then, of course, you have to be careful so that your <div> doesn't expand past the browser window.

Example:

html, body
{
    overflow: hidden;
}
pilsetnieks
  • 10,330
  • 12
  • 48
  • 60
1

Set the body tag to overflow: hidden;.

Vektor
  • 560
  • 4
  • 15
0

You should be able to set the css for the div to hide the scrollbar. Put everything into a main div and set the css for the main div to this:

height: 100%;
width: 100%;
overflow:hidden;

then use your own scrollbars on the content div.

Kell
  • 3,252
  • 20
  • 19