Scroll track color

[jewellim]

Can i change the scroll track color to transparent? Thks.

[ddadmin]

Try something like:

<style type="text/css">

html, body{
scrollbar-track-color:#F3F3F3;
}

</style>

Scrollbar coloring only works in IE5.5+ though.

[djr33]

Do you mean hide them?

They automatically appear if your content is too wide (horizontal scroll bar) or too tall (vertical scroll bar) for the window it is displayed in.

The only way I know of turning them off is when using a popup window.

iframes also allow for this, but that's probably beside the point.

I suppose you could place the entire page within an iframe and hide the scrollbars, making the iframe the size of the main window... but that causes other big problems.

Or you could use a div to house everything and set its css properties to overflow:hide, I believe. Not sure if that's the right code, but you could do that...

[jewellim]

I meant the color of the track. I wish to make it transparent so that i can see the background image behind it, not covered up by the track. I have tried ddadmin suggestion but it turn out to be sorta light grey color.

[ddadmin]

Just to make sure, did you substitute the color value in my example with transparent instead?

[djr33]

scrollbar-track-color: transparent;

that would work?


Or, perhaps, you are assuming that the background is a solid color. That might be the easiest workaround in this case. Unless the above code works, which would be cool.

[ccrstudioweb]

I believe it won't work...
What you can do is to set a color near the background's in the former code given.

But you can turn off it using CSS:

body {overflow-y:hidden}