如果使用了如何添加类开始在div内滚动？

Question

我有至少4个div框，需要在开始滚动到底部后添加新类。如果用户滚动到顶部，则需要删除相同的类。

请参阅此链接以了解更多信息。 http://jsfiddle.net/xj4wbv5c/5/

如果用户开始滚动，我们需要添加类scrolled，滚动条在滚动后触摸顶部时删除类scrolled。

我已经尝试了一些东西，但它没有帮助。请建议。

Answer 1

你很亲密：http://jsfiddle.net/xj4wbv5c/6/

var header = $(".makescroll");
 $(".makescroll").scroll(function() {
        var scroll = $(this).scrollTop();
        if (scroll >= 10) {
            $(this).addClass("scrolled");
        } else {
            $(this).removeClass("scrolled");
        }
 });

你需要检查元素滚动的时间，而不是窗口，所以我用$（this）交换$（window）。以及我用$（this）交换的添加和删除类。 $（this）在此上下文中表示“触发事件的元素（div本身）”。

Answer 2

看看这个：

http://jsfiddle.net/lharby/xj4wbv5c/7/

我使用$（this）而不是var头来仅将类应用于滚动容器的每个实例。

 var header = $(".makescroll");
 $(".makescroll").scroll(function() {
    var scroll = $(this).scrollTop();
    if (scroll > 10) {
        $(this).addClass("scrolled");
    } else {
        $(this).removeClass("scrolled");
    }
});