DIV Scrollbar

Can be used anywhere. Adds a little scrollbar box to sections. Good, if the text has stretched out your tables, or has made them too long.

[s]Edited on 6/29/07 so now that it works.[/s]
Updated on 8/29/08 and YES it does work.

***Note: to change the background colour, add
background-color: xxxxxx; into the code and make sure that the xxx's resemble a hex code that starts with #. I tested it out and realised that without the #, it won't work. Also, another option is to straight out type out the colour name. Also, if you wish to change the height, change the 100px for width and height to different numbers until you're satisfied.
IF YOU WANT IT EDIT THE COLOR OF IT OR MAKE IT TRANSPARENT, go here or here.

myspace.com/tobysayshi if you wanna give credit. :)

<div style="overflow: auto; width: 100px; height: 100px;"> so yeah. i had a great day blah blah its good yea blah blah okay yeah blahhhhhhhh blahhhhhh blahddddyyy blah blah blaaaaaahpoop </div>

Okay, update! I used this code in a layout and LOVED it! Thank you soooo much for this scripts! These scripts help break down each part of the layout, step by step so I can understand each part separately instead of one big jumbled layout code that looks like a monster when u don't know what each step is. Thanks again!

@Daverse, why don't u submit your own tutorial on what u want to further explain instead of spamming & taking over this person's tutorial. It's nice of u but...

Is there a code where you can reverse the position of the scrollbar? Like move it from the right side to the left?

www.myspace.com/DaVerseOfficia l

www.myspace.com/daverseofficia l

open bracket in front of d....div style="filter:chroma(color=CC 9966);
scrollbar-face-color:C C9966;
scrollbar-arrow-color: CC9966;
scrollbar-track-color :CC9966;
scrollbar-shadow-col or:000000;
scrollbar-highligh t-color:000000;
scrollbar-3dl ight-color:CC9966;
scrollbar- darkshadow-color:CC9966; height:200px; width:200px; overflow:auto; border:0px solid; border-color:337aa9; background-color:b1d0f0; padding:4px; text-align:justify;">

Text or Image goes here

/div
open bracket in front of backslash and close bracket behind v

here it goes

div style="filter:chroma(color=CC 9966);
scrollbar-face-color:C C9966;
scrollbar-arrow-color: CC9966;
scrollbar-track-color :CC9966;
scrollbar-shadow-col or:000000;
scrollbar-highligh t-color:000000;
scrollbar-3dl ight-color:CC9966;
scrollbar- darkshadow-color:CC9966; height:200px; width:200px; overflow:auto; border:0px solid; border-color:337aa9; background-color:b1d0f0; padding:4px; text-align:justify;">

Text or Image goes here

if u want a scrollbox that is transparent here is the code, lot of people have been asking this question, and i had to figure it out for myself...hope this helps.>>>>>>



Text or Image goes here

yeahhh; i want the scroll bar to be transparent too!

any idea how that can happen?

anyone?

It didnt work it just hid whatever i was using the code for

View all »

Author	lovescream
Submitted on	Feb 16, 2006
Page views	341,974
Favorites	466
Comments	42

scroll, scrollbar, section, list, box, div