Can someone point me to a tutorial (or if it's easy enough, just show me here) where I can learn how to make a scrolling div? Ideally, one that looks like this (this would be on a black-backgrounded page):
Thanks!...
CSS Codes
Junior Coders
scrolling div content?
Can someone point me to a tutorial (or if it's easy enough, just show me here) where I can learn how to make a scrolling div? Ideally, one that looks like this (this would be on a black-backgrounded page):
Thanks!...
Senior Coders
Do you mean autoscrolling, or scrolling? Scrolling is very easy to do. Set up your div tag's height/width and then add this: overflow="auto". The final product would be something like this:
As far at the look you want, I have no Idea how to get it to look like that. (I don't know much about changing the scrollbar).Code:<div height="100px" width="100px" overflow="auto">YOUR CONTENT HERE</div>
EDIT: This code is from w3c:
So I guess the style would be something like div{scrollbarBaseColor:#123456;} Then just add a background and border and it should be pretty close.Code:<html> <head> <script type="text/javascript"> function setScrollbarColor() { document.body.style.scrollbarBaseColor="green"; } </script> </head> <body> <input type="button" onclick="setScrollbarColor()" value="Set ScrollbarColor" /> <p>An example paragraph</p> <p>An example paragraph</p> <p>An example paragraph</p> <p>An example paragraph</p> <p>An example paragraph</p> <p>An example paragraph</p> <p>An example paragraph</p> <p>An example paragraph</p> <p>An example paragraph</p> <p>An example paragraph</p> <p>An example paragraph</p> </body> </html>
Last edited by Jas; 02-01-2008 at 08:21 PM.
--Jas
function GreatMinds(){ return "Think Like Jas"; }
Junior Coders
Cool, yeah - I don't need auto-scroll. Just manual. Thanks!!!Originally Posted by Jas
If anyone else can help with the color/scrollbar formatting of the div to look like the pic above, it'd be much appreciated too. Thanks again, Jas!!!
Elite Coders
Junior Coders
Thanks so much! - I'm sure something like this will be suitable. Thanks!
Posting Permissions
Reply With Quote
Bookmarks