jquery - 在滚动功能期间切换类

Question

是否可以以某种方式编写一个片段，在窗口上的滚动函数期间，主体附加一个类？

$(window).scroll(function() {
    $('body').toggleClass('scrolling');
 });

如果用户正在滚动，则主体具有“滚动”类别。如果当前没有发生滚动，则主体没有类。

滚动功能似乎与上述功能一起快速启动。

Answer 1

没有像“鼠标向下”和“鼠标向上”那样的“滚动开始”和“滚动结束”对:“滚动”事件更像是“刚刚发生的滚动”。如果 n 毫秒内没有发生滚动，您可以设置超时来清除“滚动”类:

var scrollTimerId;

$(window).scroll(function() {
    if (!scrollTimerId)
       $('body').addClass('scrolling');

    clearTimeout(scrollTimerId);
    scrollTimerId = setTimeout(function(){
        $('body').removeClass('scrolling');
           scrollTimerId = undefined;
    },150);
});

演示:http://jsfiddle.net/8CaRE/2/

(改变延迟，直到找到满意的内容 - 对我来说 150 毫秒似乎是 Chrome 中的合理设置。)