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

Question

我有一个div可滚动overflow:scroll。我想要的是在滚动div时在可滚动div中当前可见的元素上添加一些CSS类，同时我还要添加一些{{1}的CSS类在可滚动的display:none中当前不可见的元素。

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/