title: Adding undetermined white space above a bootstrap 3 affix/scrollspy
body: <p>If you check out this link, you will see that as you scroll down, the navigation has both affix and scrollspy functionality (From bootstrap 3)</p>
  
  <p><a href="http://codepen.io/datanity/pen/thnua" rel="nofollow">http://codepen.io/datanity/pen/thnua</a></p>
  
  <p>However, if you add white space at the top, the affix/scrollspy occurs in the wrong location.  For example, this is with 800px of white space ontop.</p>
  
  <p><a href="http://codepen.io/datanity/pen/haKzg" rel="nofollow">http://codepen.io/datanity/pen/haKzg</a></p>
  
  <p>Now of course here, you can adjust the affix/scrollspy code so that way it works with the 800px height ontop but, my problem is that I have no idea what space I will have on top.  Sometimes it will be 2000px other times only 300px.    Also, there is no way for me to know the id/class of the divs that appear ontop.  Sometimes it will be 10 divs, sometimes 0, and they will always have different id/classes.</p>
  
  <p>Is there a way that the affix and scrollspy can be triggered relative to the container it is in, and not a fixed px location from the top of the body?</p>
  
  <p>Thanks for any help!
  Tim</p>