Topo aparece após X pixels
HTML
<div class="banner">fasfasfasfasfasfa</div>
<h1>
Hello!
</h1>
CSS
body{height:800px}
.banner{
display:none;
background:blue;
color: white;
width:100%;
height:60px;
position:fixed;
top:0px;
left:0px;
}
JAVASCRIPT
$(document).ready(function() {
$(window).scroll(function() {
/* APARECE SÓ NO FIM */
/*if($(this).scrollTop() > $(window).height()-150){
$('.banner').fadeIn();
}else{
$('.banner').fadeOut();
}*/
if($(this).scrollTop() > 50 ){
$('.banner').fadeIn();
}else{
$('.banner').fadeOut();
}
});
});
