title: Bootstrap - Affix & scrollspy - active on scroll not working
body: <p>I have the following <a href="http://goo.gl/IlXur" rel="nofollow">jsfiddle</a></p>
  
  <p>I can't get the:</p>
  
  <ul>
  <li>navspy to properly work</li>
  <li>clicking an menu item should also mark it as active</li>
  <li>the last element in the list get's selected with no apparent reason.</li>
  </ul>
  
  <p>I am stuck on this. Anybody willing to enlighten me what I did wrong?</p>