使用/ jQuery检测第一个元素是否可见

Question

我有一个带溢出设置的div来隐藏元素。

<div style="overflow:hidden; height:40px">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
</div>

是否可以在jquery中检测第一个项目是可见还是隐藏？是否可以检测到最后一项的相同内容？

Answer 1

使用jQuery的.position来确定元素与父元素的偏移量是否大于父元素的高度。

代码示例here