在jQuery的可滚动的div中查找不可见的元素

Question

我有一个可滚动的div有overflow:scroll 。 我要的是增加对目前在滚动可见的元素一些CSS类div当我滚动div以及在同一时间，我必须添加一些具有CSS类display:none在滚动当前无形元素div 。

Answer 1

我为你准备了一个例子。

HTML

<div id="scrollable">
    <div class="hidden">Hidden</div>
    <div>Visible</div>
</div>

CSS

.hidden{display:none};

.something{background: red;}

.something-else{background: blue;}

jQuery / Javascript

var hiddenElements= $("#scrollable div:hidden");
hiddenElements.addClass("something");
var visibleElements = $("#scrollable div:visible");
visibleElements.addClass("something-else");

示例： http ： //jsfiddle.net/jqRCk/1/