Results 1 to 7 of 7

Thread: Scroll track color

  1. #1
    Join Date
    Oct 2006
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Scroll track color

    Can i change the scroll track color to transparent? Thks.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Try something like:

    Code:
    <style type="text/css">
    
    html, body{
    scrollbar-track-color:#F3F3F3;
    }
    
    </style>
    Scrollbar coloring only works in IE5.5+ though.

  3. #3
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,156
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Do you mean hide them?

    They automatically appear if your content is too wide (horizontal scroll bar) or too tall (vertical scroll bar) for the window it is displayed in.

    The only way I know of turning them off is when using a popup window.

    iframes also allow for this, but that's probably beside the point.

    I suppose you could place the entire page within an iframe and hide the scrollbars, making the iframe the size of the main window... but that causes other big problems.

    Or you could use a div to house everything and set its css properties to overflow:hide, I believe. Not sure if that's the right code, but you could do that...
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  4. #4
    Join Date
    Oct 2006
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Scroll track color

    I meant the color of the track. I wish to make it transparent so that i can see the background image behind it, not covered up by the track. I have tried ddadmin suggestion but it turn out to be sorta light grey color.

  5. #5
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Just to make sure, did you substitute the color value in my example with transparent instead?

  6. #6
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,156
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    scrollbar-track-color: transparent;

    that would work?


    Or, perhaps, you are assuming that the background is a solid color. That might be the easiest workaround in this case. Unless the above code works, which would be cool.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  7. #7
    Join Date
    Nov 2006
    Location
    Pirassununga/SP Brazil
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I believe it won't work...
    What you can do is to set a color near the background's in the former code given.

    But you can turn off it using CSS:

    body {overflow-y:hidden}

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •