Scroll bar like Google is using

Question

With the most latest updates Google has been rolling out, the sites have all been getting custom JS scroll bars (at least in Chrome).

What I like most about it is that its simple and works perfectly. Until now a lot of the JS scrollers that I have seen don't function that well - i.e. if you scroll really fast or scroll and move your mouse around they don't function that well.

Hence I'm just wondering if anyone know of any scroller out there that is simple/small (code foot print is small) and functions well (as mentioned about).

I have thought about using jQueryUI's scroll as a base, but for my needs I can't take on jQueryUI for this one feature.

Try reversing Google's scrollbar? :D – jli Nov 01 '11 at 18:33 — jli, Nov 01 '11 at 18:33

score 8 · Accepted Answer · answered Nov 01 '11 at 18:41

8

They're done by styling ::-webkit-scrollbar psudo-elements with CSS, not JS.

answered Nov 01 '11 at 18:41

ephemient

198,619
38
280
391

Didn't even think that it would be done like that, hence why I didn't look. Makes more sense now, how it works so well and only in Webkit. – vdh_ant Nov 01 '11 at 18:45
IE also has its own scrollbar CSS attributes, such as `scrollbar-face-color` and `scrollbar-shadow-color` – Mike Christensen Nov 01 '11 at 18:54

score 0 · Answer 2 · answered Jul 25 '13 at 04:33

0

Take a look at https://gist.github.com/fanzeyi/3995618

Works fine for me.

answered Jul 25 '13 at 04:33

gis_wild

464
8
24

score 0 · Answer 3 · edited May 07 '13 at 06:00

0

I have been using the lion bars jquery scroller, and I think it meets all the specifications you mentioned, give it a try.

edited May 07 '13 at 06:00

Nafeez Abrar

1,045
10
27

answered Dec 27 '11 at 15:45

Praveen Gowda I V

9,569
4
41
49

Scroll bar like Google is using

3 Answers3

Linked

Related