title: How to determine if after scrolling the bottom of browser window has reached top of DIV?
body: <p>I am trying to solve this issue with jQuery/Javascript:</p>
  
  <p>When the browser scrolls down and the bottom of the window reaches the top of the footer DIV, action a CSS code change.</p>
  
  <p>Example of problem:
     <a href="https://elodywedding.com/blog" rel="nofollow">https://elodywedding.com/blog</a>
  (Ensure your browser window is mobile-sized.)</p>
  
  <p>If you scroll down to footer on a smaller resolution, the footer floats statically and sits above the "tags" DIV.  I would need to set position back to absolute.</p>
  
  <p>Any ideas how to detect when the scrolling causes the window to reach the top of the footer DIV?</p>