Scrollbar, making it a gradient?

[ecntrc]

Is there anyway to make the scroll bar's background a gradient to match my background?

[GoldNetX]

As far as I know, I don't think there is. I think you can only make scrollbar parts static colors. But remember that the scrollbar colors are not part of CSS standards, they will not appear on all browsers.

[sneeuwbal]

not sure but maybe this might help

it should make the scrollbar transparent, only works with IE, like all scrollbar modifications

http://www.la-soldier.net/Graphics/Tutor/transscr.htm
http://www.somethingleet.com/forum/a...ticle&artid=61
http://www.xentrik.net/css/scrollbars.php

[ecntrc]

what about those scroll bars that if you hover over the arrow or something like that.. how would i do a search on that? you know those type of scroll bars. my scrollbars dont look good.

[scrowler]

you could if your website is made in flash (i don't recommend it) otherwise i don't think this is possible.

[ecntrc]

thanks.. you can close this one..

[sneeuwbal]

<script type="text/javascript">
/*************************************************************************
  This code is from Dynamic Web Coding at http://www.dyn-web.com/
  See Terms of Use at http://www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

var timer_id;
function scroll_iframe(frm,inc,dir) {
  if (timer_id) clearTimeout(timer_id);
  if (window.frames[frm]) {
    if (dir == "v") window.frames[frm].scrollBy(0, inc);
    else window.frames[frm].scrollBy(inc, 0);
    timer_id = setTimeout("scroll_iframe('" + frm + "'," + inc + ",'" + dir + "')", 20);
  }
}

function stopScroll() { if (timer_id) clearTimeout(timer_id); }
</script>




<a href="javascript:;" onMouseDown="scroll_iframe('content', -8, 'v'); window.status='click here to go down.'; return true" onMouseUp="stopScroll(); window.status=''; return true">
<a href="javascript:;" onMouseDown="scroll_iframe('content', 8, 'v'); window.status='click here to go down.'; return true" onMouseUp="stopScroll(); window.status=''; return true">

it uses 2 images to scroll a page, almost everything you do in flash can also be done using javascript

[ecntrc]

Originally Posted by sneeuwbal

<script type="text/javascript">
/*************************************************************************
  This code is from Dynamic Web Coding at http://www.dyn-web.com/
  See Terms of Use at http://www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

var timer_id;
function scroll_iframe(frm,inc,dir) {
  if (timer_id) clearTimeout(timer_id);
  if (window.frames[frm]) {
    if (dir == "v") window.frames[frm].scrollBy(0, inc);
    else window.frames[frm].scrollBy(inc, 0);
    timer_id = setTimeout("scroll_iframe('" + frm + "'," + inc + ",'" + dir + "')", 20);
  }
}

function stopScroll() { if (timer_id) clearTimeout(timer_id); }
</script>




<a href="javascript:;" onMouseDown="scroll_iframe('content', -8, 'v'); window.status='click here to go down.'; return true" onMouseUp="stopScroll(); window.status=''; return true">
<a href="javascript:;" onMouseDown="scroll_iframe('content', 8, 'v'); window.status='click here to go down.'; return true" onMouseUp="stopScroll(); window.status=''; return true">

it uses 2 images to scroll a page, almost everything you do in flash can also be done using javascript

does this go in the head? do you have the link of the exact script you looked at?

[sneeuwbal]

http://www.arawndesigns.com

the code is used there for the iframe
just view the source-code

[xPlozion]

the script would go in the head. the links and such would go in the body.

just one thing to think about. not everybody likes having javascript enabled for certain reasons. don't forget about them. if possible, set the content (iframe, div, w/e) with javascript, so those without javascript enabled can still see the whole site.

also, i would rather go with a div than an iframe for the simple fact that divs are much cooler than iframes, and if you can learn ajax (if not already), than it would make your site just that much cooler

[robin746]

I would recommend that you don't for several reasons
* hard to get right
* not portable across browsers
* can add greatly to memory consumption
* can introduce flicker artifacts and the like
* increases page weight

Design is about compromise. Web interfaces are not pixel-perfect and you might go mad trying.