how to hide scrollbar

Question

How to hide the vertical scroll bar using CSS? Can any one help me?

Answer 1

I believe you can manipulate it with the overflow CSS attribute, but they have limited browser support. One source said it was IE5+, Firefox 1.5+, and Safari 3+ - maybe enough for your purposes.

This link has a good discussion: http://www.search-this.com/2008/03/26/scrolling-scrolling-scrolling/

Answer 2

Set overflow: hidden; on the body tag like this:

<style type="text/css">
body {
    overflow:hidden;
}
</style>

update: i meant hidden, sorry, just woke up :-)

Answer 3

To disable verticle scroll bar just add : Overflow-y:hidden;

Find more about :overFlow

Answer 4

Use css overflow property:

.noscroll {
  width:150px;
  height:150px;
  overflow: auto; /* or hidden, or visible */
}

Here are some more examples:

• http://www.brunildo.org/test/Overflowxy2.html
• http://css-tricks.com/the-css-overflow-property/

Answer 5

As the other people already said, use CSS overflow.

But if you still want the user to be able to scroll that content (without the scrollbar being visible) you have to use JavaScript. Se my answer here for a solution: http://stackoverflow.com/questions/3293650/hide-scrollbar-while-still-able-to-scroll-with-mouse-keyboard/