jquery - Scrollable Div，可以看到哪些元素

Question

我们有一个具有 CSS hieght:40px; 的可滚动 div。里面是多个LI height:20px

    <div id="#scroller">
<li title="I1">item1</li>
<li title="I2">item2</li>
<li title="I3">item3</li>
<li title="I4">item4</li>
<li title="I5">item5</li>
<li title="I6">item6</li>
<li title="I7">item7</li>
<li title="I8">item8</li>
<li title="I9">item9</li>
    </div>

当用户滚动时，我想触发一个脚本来确定两个元素中第一个可见的元素。 div scroll 旨在捕捉元素。因此，如果您向下滚动并且 item3 和 item 4 是可见的，我该如何确定 item 3 是顶部可见元素。

我尝试了 $('#scroller li:visible') 但就 div 而言，这不起作用，它们都是可见的，只是隐藏在它们的容器后面。

任何想法，

很棒

Answer 1

更新

更新了一个工作示例 http://jsfiddle.net/U4qyp/32/

---

我认为 .position() 应该可以完成这项工作。它为您提供元素相对于其父元素的位置。调用 .position() 后，您可以使用属性 top 和 left 访问元素坐标。

http://api.jquery.com/position/

顶部位置加上高度大于零的元素是可见的。

这是我的意思的一个例子。

http://jsfiddle.net/U4qyp/10/