javascript - jQuery检查DIV（不是窗口）是否开始滚动并将Class添加到另一个div

Question

我的“html”设置为溢出隐藏（没有滚动条），但我的 contentarea div（所有内容都在其中）是可滚动的并且有一个滚动条......

我想要做的是，如果用户开始在 contentarea addClass (jquery) 中滚动到另一个 div .. 如果用户一直滚动到顶部 removeClass ...

这是我在隐藏“html”溢出之前工作正常的代码。

jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() == 0) {
    jQuery("#jQ").removeClass("scroll_active");
}
else {
    jQuery("#jQ").addClass("scroll_active");
}
});

我试图把 contentarea id 而不是 window.. 像这样：

jQuery(#contentarea).scroll(function() {
if (jQuery(this).scrollTop() == 0) {
    jQuery("#jQ").removeClass("scroll_active");
}
else {
    jQuery("#jQ").addClass("scroll_active");
}
});

但它仍然不起作用......

http://jsfiddle.net/erxw5/

有人可以帮帮我吗，我已经尽我所能...非常感谢

Answer 1

1. 您可以使用$()而不是jQuery(). jQuery()有效，但没有必要。
2. 您应该使用$('#contentarea')orjQuery('#contentarea')代替jQuery(#contentarea)，因为您需要在此处使用引号。window 是一个存在的对象。#contentarea 是一个字符串。

我所有的修复：http: //jsfiddle.net/mw3H8/1/