可滚动Div，哪些元素可以看到

我们有一个带有 CSS 的可滚动 divhieght:40px;。里面有多个LIheight: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 滚动旨在捕捉元素。因此，如果向下滚动并且第 3 项和第 4 项可见，我该如何资助第 3 项是顶部可见元素。

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

有任何想法吗，

奇妙

Update

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

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

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

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

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

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