Utilisez jquery pour faire div apparaissent après un utilisateur fait défiler

Question

J'aimerais avoir un div apparaît après utilisateur fait défiler vers le bas sur une page, et disparaît si elles revenir en arrière vers le haut.

Je pensais que la fonction en utilisant jquery serait utile, mais ne pouvait pas tout à fait comment comprendre à .scroll () que cela se produise.

Toute aide serait appréciée. Merci!

Answer 1

Quelque chose comme ça devrait faire l'affaire:

$(window).scroll(function() {
    if ($(this).scrollTop() == 0) {
        $("#mydiv:visible").hide();
    }
    else {
        $("#mydiv:hidden").show();
    }
});