title: Navbar must appear directly form second div
body: <p>how can I code the js file to directly put the navbar on the second div? Here is the <a href="http://codepen.io/paolopolix/pen/NNzrmb" rel="nofollow">codepen</a>, it works but on the first load the navbar is sticked on the top of the site; I don't want it.</p>
  
  <pre><code>$(document).ready(function() {
    $(window).scroll(function() {
       if($(window).scrollTop() &gt;= $('#main').outerHeight())
          $('.navbar').removeClass('fixed');
       else
          $('.navbar').addClass('fixed');
    });
  });
  </code></pre>