javascript - 如果在 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");
        }
 });

您需要检查元素何时滚动，而不是窗口，因此我将 $(window) 与 $(this) 交换。并且在添加和删除类中我用 $(this) 进行了交换。 $(this) 在此上下文中表示“触发事件的元素(div 本身)”。