should add 'selected' class to scrollbars while dragging the bar

Question

should add 'selected' class to scrollbars while dragging the bar

tianyingchun opened this issue 9 years ago · comments

Noel Delgado · Answer 1 · Tue Oct 06 2015 23:55:18 GMT+0800 (China Standard Time)

What's the reason for that? are you trying to set different styles to the thumbs while dragging? if so, you can accomplish it using the :active CSS pseudo-class like so:

.gm-scrollbar .thumb:active { /* your custom styles */ }

Does this work for you?

Yingchun Tian · Answer 2 · Wed Oct 07 2015 13:15:19 GMT+0800 (China Standard Time)

i will try it.but it may not work on ie9

Noel Delgado · Answer 3 · Thu Oct 08 2015 00:43:13 GMT+0800 (China Standard Time)

Hum, I was not aware of that, please let me know how it goes, if that does not work I think we can add the class, no big deal. btw, I would rather go for active instead of selected for the class name.

Yingchun Tian · Answer 4 · Thu Oct 08 2015 12:21:57 GMT+0800 (China Standard Time)

yeah, maybe it need to add 'active' class, sometimes we dragging status, if mouse pointer move out the scrollbar, the hover, :active effect will lose.

Noel Delgado · Answer 5 · Fri Jun 24 2016 12:29:29 GMT+0800 (China Standard Time)

Hi, it's been a while but I just tested the :active approach on different versions of Windows + IE and now I can confirm that it works ok.

.gm-scrollbar .thumb:active,
.gm-scrollbar .thumb:active { /* your custom styles */ }

Tested on:

Win 10 - Edge
Win 10 - IE11
Win 8.1 - IE11
Win 8 - IE10
Win 7x64 - IE11
Win 7x64 - IE10
Win 7x64 - IE9x64
Win 7x64 - IE9
Win 7 - IE9
Win Vista - IE9

Thanks!