title: Bootstrap - Scrollspy scrolling skipping second to last section
body: <p>I am having an issue with Bootstrap ScrollSpy in regards to the scrolling position of a selected element. The issue occurs at the bottom of the page, where I have two relatively short sections of content. When I either directly select the <em>Projects</em> section or scroll to it, the <em>Education</em> section will be highlighted instead of the <em>Projects</em> section. How would I offset/fix the scrolling position to select the correct section? I previously attempted to fix this by moving the anchor up into the previous section but only had limited success. The only other option I currently see is to restructure my content. Before I do that I would like to see if there are any other solutions, since I am encountering this exact issue on a second project.</p>
  
  <p>The issue can be viewed here: <a href="http://beta.joshuabock.com/resume.html" rel="nofollow">http://beta.joshuabock.com/resume.html</a></p>
  
  <p>Each of the sections is structured in the same way:</p>
  
  <pre><code>&lt;section&gt;
      &lt;h3&gt;Projects&lt;/h3&gt;
      &lt;p&gt;Project Title&lt;/p&gt;
      &lt;ul&gt;
          &lt;li&gt;Bullet Point&lt;/li&gt;
          &lt;li&gt;Bullet Point&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>