Making scroll bar unvisible

My question is quite simple
How could I make unvisible scroll bars ?
LVL 2
ferhadAsked:
Who is Participating?
 
dij8Connect With a Mentor Commented:
You can't colour only one set of scrollbars.

As an IE only fix you could try in your style sheet:
body {
  overflow-y:auto;
  overflow-x:hidden;
}
0
 
ferhadAuthor Commented:
I already know how to make it in pop-up windowses.
0
 
dij8Commented:
A cheating way could be to set your scroll bar colours.
<style type="text/css">
body {
  background-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-track-color:#ffffff;
  scrollbar-arrow-color:#ffffff;
}
</style>
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
php-webdesignCommented:
or set css:

overflow:none
0
 
ferhadAuthor Commented:
Hi dij8
Actually I am trying to make unvisible only right-left scroll bar. Your code quite good but it's making unvisible both scroll bars. Can you make on this sample little changes that will make right-left scroll bar unvisible ?

Hi php-webdesigne
Where should I paste this code(overflow:none) ?
I have already pasted it into dij8's code. But it doesn't gave me anything. Something like that:

body {
  background-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-track-color:#ffffff;
  scrollbar-arrow-color:#ffffff;
  overflow:none
}

Where is mistake ?
0
 
DaydreamsCommented:
dij8 has a clever idea, works in IE only though. You can use another method, but this is only for a div, it does not seem to work on the body.  ..also IE only (view source for code)

http://www.geocities.com/daydreamsv10/transcroll.html


Here it seen with an image for the background of the scrollbars (view source for code)

http://www.geocities.com/daydreamsv10/scrollbarstrans.html

It is an interesting exercise, but reduced the accessibility for your users, in my opinion.
0
 
ferhadAuthor Commented:
Thank you Dij8 and Daydreams. I will test it and say you results.
0
 
dij8Commented:
Glad I could help.
0
All Courses

From novice to tech pro — start learning today.