拖动时设置滚动条不透明度？

Question

这是一个有此功能的网站：

http://www.annexcore.com/

当您单击其滚动条时，会更改其不透明度，使其更暗。在我的CSS文件中使用:hover很容易复制。

但是，当你继续拖动并向左移动鼠标以使它不再悬停时，只要你还在拖动它，不透明度就会保持黑暗。他们正在像我一样使用nicescroll，但我无法弄清楚如何制作它以便在拖动时不透明度保持黑暗（不会强迫用户将鼠标悬停在滚动条上）。

任何人都可以看到他们正在做些什么来实现这一目标吗？

Answer 1

好吧，似乎他们依赖于window.onscroll以及悬停 - 尝试开始滚动保持一段时间 - 滚动条将再次变得透明。我认为这应该可以解决问题

var timer, el = $('scrollbar'), scrollInProgress = false;

$(window).scroll(function () {
    if (!scrollInProgress) {
        scrollInProgress = true;
        el.addClass('scrolling');
    }
    clearTimeout(timer);
    timer = setTimeout(function () {
        el.removeClass('scrolling');
        scrollInProgress = false;
    }, 200);
});