title: jQuery get count of Overflow hidden elements
body: <p>I have a ul with many li in it and have given a height to the ul with overflow hidden, now I need to find either the number elements which have not gone overflown or which have overflown. I tried using length() function, but it returns all li count</p>
  
  <pre><code>&lt;ul id="am-container" class="am-container thumbs noscript" style="width: 100%; display: block;"&gt;
  &lt;li id="1" class="image-in"&gt;
  &lt;li id="4" class="image-in"&gt;
  &lt;li id="5" class="image-in"&gt;
  &lt;li id="6" class="image-in"&gt;
  &lt;li id="7" class="image-in"&gt;
  &lt;li id="8" class="image-in"&gt;
  &lt;li id="9" class="image-in"&gt;
  &lt;li id="10" class="image-in"&gt;
  &lt;li id="11" class="image-in"&gt;
  &lt;li id="12" class="image-in"&gt;
  &lt;li id="13" class="image-in"&gt;
  &lt;li id="14" class="image-in"&gt;
  &lt;li id="15" class="image-in"&gt;
  &lt;li id="16" class="image-in"&gt;
  &lt;li id="17" class="image-in"&gt;
  &lt;li id="18" class="image-in"&gt;
  &lt;li id="23" class="image-in"&gt;
  &lt;li id="24" class="image-in"&gt;
  &lt;li id="25" class="image-in"&gt;
  &lt;li id="26" class="image-in"&gt;
  &lt;li id="30" class="image-in"&gt;
  &lt;li id="33" class="image-in"&gt;
  &lt;li id="34" class="image-in"&gt;
  &lt;li id="35" class="image-in"&gt;
  &lt;li id="36" class="image-in"&gt;
  &lt;li id="38" class="image-in"&gt;
  &lt;li id="39" class="image-in"&gt;
  &lt;li id="40" class="image-in"&gt;
  &lt;li id="41" class="image-in"&gt;
  &lt;li id="42" class="image-in"&gt;
  &lt;li id="43" class="image-in"&gt;
  &lt;li id="44" class="image-in"&gt;
  &lt;li id="45" class="image-in"&gt;
  &lt;li id="46" class="image-in"&gt;
  &lt;li id="47" class="image-in"&gt;
  &lt;li id="52" class="image-in"&gt;
  &lt;li id="53" class="image-in"&gt;
  &lt;li id="54" class="image-in"&gt;
  &lt;li id="55" class="image-in"&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>css : </p>
  
  <pre><code>.am-container.thumbs {
      max-height: 365px;
      overflow: hidden;
  }
  </code></pre>
  
  <p><strong>ANSWER</strong> </p>
  
  <p>this worked perfect for me by using both the answers provided:</p>
  
  <pre><code>var hiddenEls = new Array();
  
          $("#am-container").find("li").each(function(){
              if ($(this).position().top &lt; $("#am-container").position().top + 275)
                  hiddenEls.push($(this));
          });
          var numrow = hiddenEls.length;
  </code></pre>