title: How to check if an element is off-screen
body: <p>I need to check with jQuery if a DIV element is not falling off-screen. The elements are visible and displayed according CSS attributes, but they could be intentionally placed off-screen by:</p>
  
  <pre><code>position: absolute; 
  left: -1000px; 
  top: -1000px;
  </code></pre>
  
  <p>I could not use the jQuery <code>:visible</code> selector as the element has a non-zero height and width.</p>
  
  <p>I am not doing anything fancy. This absolute position placement is the way my <a href="http://en.wikipedia.org/wiki/Ajax_%28programming%29">Ajax</a> framework implements the hide/show of some widgets.</p>