Scrollable Div,可以看到哪些元素

Question

我们有一个可滚动的div,它有CSS hieght: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是最顶层的可见元素.

我尝试$('#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/