title: How can I make my navbar stick to the bottom of an element upon reaching it?
body: <p>Okay, I'm trying to get my navbar to stick to the bottom of a 25px tall header that I have at the top of my page. I only want my navbar to stick (become fixed — <code>position: fixed</code>) when it reaches the bottom of that header.</p>
  
  <p>A link to the CodePen I set up can be found below. I apologize for all the extra CSS and JavaScript/jQuery stuff you'll see.... It's all part of the site/design though.</p>
  
  <p>I just can't get my navbar (located at the bottom of the screen) to become fixed when it reaches the bottom of the 25px (black-ish) header at the top of the screen. I've tried 10+ solutions from different places and none of them are doing the trick for me....</p>
  
  <p><a href="http://codepen.io/anon/pen/WrZjWG" rel="nofollow">http://codepen.io/anon/pen/WrZjWG</a></p>