title: Add on scroll header effect / transition with position property
body: <p>I have a header which <code>position:absolute</code> on load I need to display it fix on particular scrolling so it working ..</p>
  
  <p>but problem is that how I use header effect (i.e display with delay from upward) with <code>position:fixed</code> property.</p>
  
  <p>code:</p>
  
  <p>CSS</p>
  
  <pre><code>.iaw-header {
      position:absoulte
  }
  </code></pre>
  
  <p>JS:    </p>
  
  <pre><code>{
      if (jQuery(window).scrollTop() &gt;= 700) {
         jQuery('.iaw-header').css('position','fixed');
      });   
  }
  </code></pre>