title: Detect is child container at the bottom of the parent in jQuery
body: <p>I have HTML like this:</p>
  
  <pre><code>&lt;div class="cont"&gt;
  &lt;!-- some elements --&gt;
      &lt;div class="child fixed"&gt;Child&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>child</code> is with position <code>fixed</code> (class <code>fixed</code>). Inside <code>cont</code> there are another elements, which make it with higher height than <code>child</code>.</p>
  
  <p>I have scroll event on document:</p>
  
  <pre><code>$(document).scroll(function(e) { ... }
  </code></pre>
  
  <p>I want when some1 scroll and child is at the bottom of <code>cont</code> to remove <code>fixed</code> class. </p>
  
  <p>How can I detect on scroll (<code>document</code> scroll) that some element is at the bottom of some parent element (I mean when bottom of the <code>child</code> is in the same position as its parent <code>cont</code>.) ?</p>
  
  <h2>Edit</h2>
  
  <p>@devlincarnate this is not "how to check is it last child" question.</p>