title: First and Last visible items in a div with overflow
body: <p>First of all i know there are similar threads but most of them use li items and i'm geeting too confused to use that code for my benefit.</p>
  
  <p>Here it is... I have an element with overflow and some max-height for it. Inside i have another div elements and an anchor with my data in each one.
  I want to be able to tell if the parent has overflown and if it is, do something.
  Depending the cases i want last/first div in the overflown that is <strong>visible</strong> to do something.</p>
  
  <p>What's better than an example... so here is my example in <a href="http://jsfiddle.net/nyupm/3/" rel="nofollow">jsfiddle</a></p>
  
  <p>And the basic logic in Jquery i want to implement in comments:</p>
  
  <pre><code>var container = $('#content_wrapper');
  var items = container.children('.box_wrap');
  
  //If div is overflown then do:
  /items.each(function() {
      //If scroll is at top
      //Get last element that is shown
      //Do something
  
      //Else if scroll is at bottom
      //Get first element and do something
  
      //Else if scroll is at mid range
      //get first and last element that is shown
      //and do something
  }
  </code></pre>