title: Fixed header whilst scrolling
body: <p>I am using a jquery scripts to cause my header to remain fixed to the top whilst scrolling. But at the moment, it's animated and that's quite a distraction. Is there a way I can modify the script so that it doesn't animate?</p>
  
  <p>JQuery;</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $().ready(function() {
  
          var $scrollingDiv = $("#header");
  
          $(window).scroll(function(){            
              $scrollingDiv.stop().animate({"marginTop": ($(window).scrollTop() + 0) + "px"}, "fixed" );          
          });
      });
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Html;</p>
  
  <pre><code>&lt;div id="header"&gt;Content&lt;/div&gt;
  </code></pre>