Mac 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:

[B]EXPLANATIONS:[/B]

I notice that when a website have dark backgrounds applied to [B]html[/B] or [B]body[/B] 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 [B]html[/B] and [B]body[/B].

Live link:
[url][COLOR=”#0000FF”]http://www.ricardostrobel.com.br/test.html[/COLOR][/url]

And an image for those who don’t use mac but do want try to help:
[url][COLOR=”#0000FF”]http://www.ricardostrobel.com.br/scrollbar.jpg[/COLOR][/url]

[B]QUESTION:[/B]

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, [B]I really need a way to force it’s native white scrollbar on scrollable divs[/B].

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

Thanks ?

Also in #JavaScript _↴