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

Question

我有一个可滚动div的overflow:scroll. 我想要的是在滚动div时在当前可见的元素div 上添加一些 CSS 类，同时我必须display:none在 scrollable 中添加一些当前不可见元素的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/