SitePoint Sponsor

User Tag List

Results 1 to 1 of 1
  1. #1
    SitePoint Member Strobel's Avatar
    Join Date
    Aug 2013
    0 Post(s)
    0 Thread(s)

    Unhappy Little Help with Safari/Chrome/Opera native white Scrollbar

    Hi people, as you can see I'm new here, and I'll start my membership here asking a little help.

    I'm not expert on Javascript(nor jQuery library) But I'll try to help the comunity as much as I can.

    So, ok here's the problem:


    I notice that when a website have dark backgrounds applied to html or body tag, all MAC webkit browsers(Safari/Chrome/Opera), natively changes scrollbar's theme to a white one.
    BUT, it's not happen on any other element's scrollbar, only in html and body.

    Live link:

    And an image for those who don't use mac but do want try to help:


    There's any way to set div's scrollbars to have the native white theme WITHOUT using ::webkit-scrollbar CSS property?

    Maybe a javascript to hack browser's behavior or something to set it on this unique div.

    Again: I DON'T want to custom it with ::webkit-scrollbar CSS property. The motive is that it loses it's native behavior of hover, fade an timeout which is not fully customizable by native brwosers css properties. I also don't want to use plugins like jScrollPane or PerfectScrollbar, I really need a way to force it's native white scrollbar on scrollable divs.

    jQuery or pure Javascript.. Any help would be appreciated.

    Last edited by ralph.m; Aug 20, 2013 at 19:28. Reason: fixed broken URLs

Tags for this Thread


Posting Permissions

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