在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/