Scrollbox with NO scrollbar, Is it possible? |
![]() ![]() |
Scrollbox with NO scrollbar, Is it possible? |
Jan 4 2007, 11:18 PM
Post
#1
|
|
![]() So um yeah ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 745 Joined: Aug 2006 Member No: 459,873 |
I want to make a scrollbox without a scrollbar... Is it possible? Anyone know the code? |
|
|
|
| *WHIMSICAL 0NE* |
Jan 4 2007, 11:25 PM
Post
#2
|
|
Guest |
Do you mean a div?
You could try something like this: CODE <div class="box" style="width:200px; height:200px;border-style:solid; border-width:0px; border-color:000000;overflow:hidden;">STUFF</div> Or you could substitute overflow:hidden; for overflow-x: hidden; or overflow-y: hidden; X is hortizontal scrollbar and Y is vertical |
|
|
|
Jan 5 2007, 01:29 AM
Post
#3
|
|
![]() So um yeah ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 745 Joined: Aug 2006 Member No: 459,873 |
LOL No I don't want my information hidden... I mean it can still scroll... I just want the scrollbar hidden... Don't worry about it LOL I thought of a way to do it... Hide it with a pic? I think that would work if I made the z-index higher than the scrollbox's Thanks anywayz |
|
|
|
Jan 5 2007, 03:06 AM
Post
#4
|
|
|
t-t-t-toyaaa ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
Well I don't know if its possible but if you have IE and you use IE you can make the scrollbars the same color as the background, it will still be there , but people can't see it.
Plus that will only work for IE. |
|
|
|
Jan 5 2007, 03:21 AM
Post
#5
|
|
![]() So um yeah ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 745 Joined: Aug 2006 Member No: 459,873 |
LOL IE sucks... I use firefox I guess there is no hope... I will just cover up the scrollbar! |
|
|
|
| *Azarel* |
Jan 5 2007, 06:17 AM
Post
#6
|
|
Guest |
Assuming that this scrollbar is on a div layer, you could make it transparent, by inserting the following into your stylesheet and then setting your div class (<div class="scroll">).
.scroll { overflow: auto; scrollbar-face-color:#647A19; scrollbar-arrow-color:#647A19; scrollbar-track-color:#647A19; scrollbar-shadow-color:#647A19; scrollbar-highlight-color:#647A19; scrollbar-3dlight-color:#647A19; scrollbar-darkshadow-Color:#647A19; filter:chroma(color=#647A19); } However, if you have any instance of the color 647A19 occurring in your div box, it will show up as transparent so feel free to change that hex code to any color that you think won't show up. |
|
|
|
![]() ![]() |