Esconder elementos ao rolar a página.

esconde.js

// Script jQuery para esconder um elemento na página quando a rolagem ultrapassar 200px
$(window).scroll(function(){
        
    if($(document).scrollTop() > 200){// se a rolagem passar de 200px esconde o elemento
    
        $('#elementoAEsconder').hide();
        
    } else { // senão ele volta a ser visivel
    
        $('#elementoAEsconder').show();
        
    }
    
});

esconde_fade.js

// O efeito fica melhor usando Fade

// Script jQuery para esconder um elemento na página quando a rolagem ultrapassar 200px
$(window).scroll(function(){
        
    if($(document).scrollTop() > 200){// se a rolagem passar de 200px esconde o elemento
    
        $('#elementoAEsconder').fadeOut(); // Esconde usando fadeOut
        
    } else { // senão ele volta a ser visivel
    
        $('#elementoAEsconder').fadeIn(); // Mostra usando fadeIn
        
    }
    
});