Mostra div dopo lo scorrimento di 100 px dalla parte superiore della pagina

Question

Ho trovato questo, ma questo fa 100px prima della parte inferiore della pagina. Ho bisogno di 100px dalla parte superiore della pagina. So come implementarlo, ho fatto altre animazioni jQuery, non solo ciò che deve essere in questo.

$(window).scroll(function(){ 
    if($(window).scrollTop() + 100 > $(document).height() - $(window).height()){ 

    alert("at bottom"); 

    } 
}); 

E inoltre, ho bisogno di sapere come invertire questo modo il div scompare quando il rotolo utente back up prima della 100px.

Questo sarà utilizzato per una barra di navigazione.

Edit2> Questo ha funzionato anche:

$(window).scroll(function(){ 
    if($(window).scrollTop() > 100){ 
     $("#div").fadeIn("slow"); 
    } 
}); 
$(window).scroll(function(){ 
    if($(window).scrollTop() < 100){ 
     $("#div").fadeOut("fast"); 
    } 
}); 

Answer 1

Prova questo:

$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     // > 100px from top - show div 
    } 
    else { 
     // <= 100px from top - hide div 
    } 
}); 

Answer 2

Prova questa:

var menu = $("nav"); 
$(window).scroll(function(){ 
    //more then or equals to 
    if($(window).scrollTop() >= 100){ 
     menu.show(); 

    //less then 100px from top 
    } else { 
    menu.hide(); 

    } 
}); 

Answer 3

lo consiglio a fare questo:

$("#divname").hide(); 
$(window).scroll(function() { 
    if ($(window).scrollTop() > 100) { 
     $("#divname").fadeIn("slow"); 
    } 
    else { 
     $("#divname").fadeOut("fast"); 
    } 
}); 

Ora il div è già nascosto quando visiti la tua pagina.

Senza questo:

$("#divname").hide() 

Sarebbe mostrare e quindi eseguire un FadeOut. E non è quello che vuoi.