Link to home
Start Free TrialLog in
Avatar of rpong
rpong

asked on

Change Scrollbar look and feel

Is there a way to change the look and feel of a scrollbar creating from "overflow:auto;"
Avatar of hsmtp
hsmtp

Hi rpong,

What kind of changes do you mean?
As far as I understood you mean some style changes?
What kind of? (border, color, background color, etc)
Avatar of rpong

ASKER

I would like to change the arrow image, instead of the default arrow I would like to replace it with a different image.
Is this clear?
Avatar of rpong

ASKER

I am able to change the color but would like to change the scrollbar appearance.
It is impossible to change anything except colors in scrollbar.
Here is the style-list you may use with scrollbars:

div {
           background-color:#a0a0a0;
           scrollbar-face-color:#903030;
           scrollbar-arrow-color:#FFFFFF;
           scrollbar-track-color:#C0B0B0;
           scrollbar-shadow-color:000000;
           scrollbar-highlight-color:000000;
           scrollbar-3dlight-color:#808080;
           scrollbar-darkshadow-Color:#202020;
}

But you may create your own text scrolling using your own images as buttons. It's kinda difficult.
Take a look at this JavaScript scrolling here:
http://www.angar17.ru/

That's what you're able to do. But I don't really like this kind of text scrolling. It depends on browsers, JS availability, etc.
ASKER CERTIFIED SOLUTION
Avatar of Daydreams
Daydreams

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Note: The code I referred to above supports Internet Explorer 5+*, Netscape 6+, Mozilla, Firefox, Opera 7, and probably most other relatively up-to-date browsers.
(Quoted from dyn-web site).
Avatar of rpong

ASKER

DTHML is the way to go,
Exactly what I was looking for.
Thanks
Avatar of rpong

ASKER

I couldn't believe how complex the code is to change the scrollbar.
Unfortunately I wont be able to use this code because it is for commercial purposes.
I'll stick to just changing the color via CSS, thanks for all your help
Hi rpong, thanks for the A:)

You can use the code at the site I mentioned for commercial purposes, but they do require a small fee.

If you change the colors via CSS, remember, that is only for IE 5.5+. Good luck!