How can I animate my website scrollbar?

How do you change a div scrollbar?

• on yelle's website (yelle.fr), there is a regular page scroll bar and a scrollbar for a div with news in it. this div scrollbar is a different color than the page scrollbar and i was wondering how to do that. visit yelle.fr to see what i'm talking about. i also have a picture: http://i32.tinypic.com/9qahqb.png notice how the page scrollbar is still default. another example, a more flashy example, is the zipper scrollbar at icarly.com. go to the website to see what i'm talking about. SO HOW DO I DO THIS? (:

• Answer:

  In your HTML document: <div class="coolscrollbar">Div with different scrollbar</div> In your stylesheet: div.coolscrollbar {      scrollbar-arrow-color: <color>;      scrollbar-3dlight-color: <color>;      scrollbar-darkshadow-color: <color>;      scrollbar-face-color: <color>;      scrollbar-highlight-color: <color>;      scrollbar-shadow-color: <color>;      scrollbar-track-color: <color>; } Replace <color> with the hex code for the color you want to use. If you wanted to change the main window's scrollbar, take the code above, but modify the first line to read "body". The zipper scrollbar at icarly.com is made using flash. You can't make something like that using plain HTML/CSS.