title: why does scrollspy (bootstrap) allways jump to the last element
body: <p>i tried to fix this issue, but all the advices in other threads didnt work. </p>
  
  <p>My Scrollspy on the left is just not working and always jumping to the last item.</p>
  
  <p>I have the div tag with this parameters:</p>
  
  <pre><code>&lt;div id="content" data-offset="0" data-spy="scroll" data-target="#main-nav"&gt;
  </code></pre>
  
  <p>and the navigation looks like this:</p>
  
  <pre><code>&lt;nav id="main-nav"&gt;
  &lt;ul class="nav"&gt;
  &lt;li class="active"&gt;&lt;a href="#verein"&gt;&lt;i class="icon-home"&gt;&lt;/i&gt; Verein&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#training"&gt;&lt;i class="icon-dashboard"&gt;&lt;/i&gt; Training&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#team"&gt;&lt;i class="icon-user"&gt;&lt;/i&gt; Team&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#sport"&gt;&lt;i class="icon-trophy"&gt;&lt;/i&gt; Sport&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#kontakt"&gt;&lt;i class="icon-comments"&gt;&lt;/i&gt; Kontakt&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#sponsoren"&gt;&lt;i class="icon-star"&gt;&lt;/i&gt; Sponsoren&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/9Lgx4/64/" rel="nofollow">http://jsfiddle.net/9Lgx4/64/</a></p>