title: Links to location on same page not matching up
body: <p>I need your help. </p>
  
  <p>I made a nav bar that links to anchor locations on the same page, allowing the view port to scroll down when clicked(nothing complicated). </p>
  
  <p>The problem: There is a big cover page up at the top that uses web transitions and shrinks a height of 0. The nav links think there is a big page in the way and scroll down too far. </p>
  
  <p>Does anyone have a solution?? Maybe Jquery that detects scrollTop() and uses if statements to adjust/offset() the location??</p>
  
  <p>HERE IS THE LINK: [www.imbenton.com][1]</p>
  
  <p>Code:</p>
  
  <pre><code>    var $window = $(window);    
      $window.bind('scroll', function(){  
      var pos = $(window).scrollTop();    
  
          if (pos &gt; 2){
              $('#cover').addClass("alt");
              $('#cover img').addClass("alt");
              $('.logo').addClass("alt");
              $('nav').addClass("still");
              $('.navhead').addClass("still");
          }   
          if (pos &lt; 1){
              $('nav').removeClass("alt");    
              $('#cover').removeClass("alt");
              $('#cover img').removeClass("alt");         
              $('.logo').removeClass("alt");
              $('nav').removeClass("still");
              $('.navhead').removeClass("still");
          }       
  }); 
  </code></pre>
  
  <p>----------- CSS ----------</p>
  
  <pre><code>#cover img{ 
      max-width: 90%; 
      padding: 300px 0 600px 0;
      margin: 0 auto;
    -webkit-transition: all 0.8s ease-out;
       -moz-transition: all 0.8s ease-out;
        -ms-transition: all 0.8s ease-out;
         -o-transition: all 0.8s ease-out;
            transition: all 0.8s ease-out;
  }
  
  
  #cover img.alt{
  background: url("dvsup.png") repeat fixed;  
      max-width: 0%;  
      padding: 100px 0;
      margin: 0 auto;
  } 
  
  nav {
      position: fixed;
      width: 100%;
      top: 173px;
      padding: 0px 0 5px 0;
      text-align: center;
      height: auto;
      -webkit-transition: all 0.8s ease-out;
      -moz-transition: all 0.8s ease-out;
      -ms-transition: all 0.8s ease-out;
      -o-transition: all 0.8s ease-out;
      transition: all 0.8s ease-out;
      z-index: 999;
  
  }
  nav.still{
      position: fixed;
      top: -980px;
      padding-top: 900px;
      background: url("dvsup.png") repeat fixed;  
  
  }
  </code></pre>