javascript - jqueryでスクロール可能なdiv内の非表示要素を見つける

Question

私はスクロール可能なdivものを持っていoverflow:scrollます。私が望むのは、スクロールdiv時にスクロール可能な要素に現在表示されている要素にいくつかの CSS クラスdiv を追加することです。同時に、display:none現在スクロール可能な要素に表示されていないCSS クラスを追加する必要があり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/