Pokaż div po przewinięciu 100 pikseli od góry strony

Question

Znalazłem to, ale robi to 100px przed dolną częścią strony. Potrzebuję go 100px od góry strony. Wiem, jak to zaimplementować, zrobiłem inne animacje jquery, po prostu nie to, co musi być w tym.

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

    alert("at bottom"); 

    } 
}); 

A także, muszę wiedzieć, jak odwrócić ten tak div znika podczas przewijania z powrotem przed 100px użytkownika.

To będzie używane do paska nawigacji.

Edit2> To działało również:

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

Answer 1

Spróbuj tego:

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

Answer 2

Spróbuj tego:

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

Polecam to zrobić:

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

Teraz element div jest już ukryty podczas odwiedzania strony.

Bez tego:

$("#divname").hide() 

byłoby pokazać, a następnie wykonać Fadeout. I nie tego chcesz.