Try with this
HTML
<div id="navbar" style="display:none">Teasers Div</div>
Script
$( document ).ready(function() {
$('#wrapper').scroll(function(){
if($(this).scrollTop() > 300)
$('#navbar').fadeIn('slow');
else
$('#navbar').hide('easing');
});
});