最初の要素が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