show navbar after scrolling down

shownavbarafterscrollingdown.js

$(function(){
  $(window).scroll(function(){
    var windscroll = $(window).scrollTop();
    if ($('#navbar').position().top < windscroll) {
    	$('#navbar').fadeIn();
    }else{
  	$('#navbar').fadeOut();
    };
  });
});