title: issue scrollto using fixed nav
body: <p>I have built a one page site using scrollto and scrollspy. The page works great once the navbar gets fixed to the top. But if you click on any links before the navbar gets fixed to top all the links are off. And there is no consistency in the height that they are off.  I have played around with the offset, I do have a padding of 100px to each section to account for spacing issues. </p>
  
  <p>Here is a link to the dev site... 
  <a href="http://23.23.170.24/aspire/" rel="nofollow">http://23.23.170.24/aspire/</a></p>
  
  <p>Here is the js... </p>
  
  <p>$(document).ready(function(){</p>
  
  <pre><code>$(window).scroll(function(){
  
      var window_top = $(window).scrollTop() +1; // the "12" should equal the margin-top value for nav.stick
      var div_top = $('#checkdiv').offset().top;
          if (window_top &gt; div_top) {
             $('nav.navbar').addClass('navbar-fixed-top');
              $('section').addClass('scrolled');
          } else {
               $('nav.navbar').removeClass('navbar-fixed-top');
                $('section').removeClass('scrolled');
          }
  });
  
  
  $(".click").click(function(evn){
        evn.preventDefault();
       $('html,body').stop(true).scrollTo((this.hash, this.hash),1000, {axis: 'y', offset   :0});
        return false;
  });
  
  $('body').scrollspy({ target: '#navbar' })
  </code></pre>
  
  <p>});</p>