title: Check when scrolled to the right
body: <p>I want to be able to detect if a user has scrolled through an entire div with <code>overlfow:scroll;</code>
  the div is horizontal though, so using <code>offset().top</code> doesn't work here.<br>
  I currently have this code:</p>
  
  <pre><code>var elem = $('#slide');
  var inner = $('#slidecontain');
  if ( Math.abs(inner.offset().top) + elem.height() + elem.offset().top &gt;= inner.outerHeight() ) {
    alert('bottom')
  }
  </code></pre>
  
  <p>this works perfectly for checking when I've scrolled to the bottom, but since its a horizontal scroll it fires immediately.  How can I switch this? Is <code>offset().left</code> a possibility?</p>
  
  <p>Here's the html, pretty basic:</p>
  
  <pre><code>&lt;div id="slide" style="width: 300px; height: 150px;"&gt;
          &lt;div id="slidecontain" style="width: 900px; height: 150px;"&gt;
              &lt;div class="slide1" style="width: 300px; height: 150px;"&gt;&lt;/div&gt;
              &lt;div class="slide2" style="width: 300px; height: 150px;"&gt;&lt;/div&gt;
              &lt;div class="slide3" style="width: 300px; height: 150px;"&gt;&lt;/div&gt;
          &lt;/div&gt;
  &lt;div&gt;
  </code></pre>