vérifier si l'élément a défilé vers le haut

Je veux vérifier si un élément est un défilement vers le haut, avec un décalage de ~ 100px.

Ive a obtenu une page avec 5 subcontents et 2 classes pour faire des décors. Il ressemble à ceci:

<div class="background1">
Content1
</div>
<div class="background2">
Content2
</div>
<div class="background1">
Content3
</div>
<div class="background2">
Content4
</div>
<div class="background1">
Content5
</div>

Maintenant, je veux vérifier, lors de l'une de ces classes atteint le sommet par le défilement

C'est l'une de mes dernières essaye:

$('.background1', '.background2').position(function(){
             if($(this).position().top == 100){
            alert('checkThis');
        }
        });

Je pense que c'est mon plus proche essayez maintenant...bien sûr, ce code est dans le document.prêt et à la fin de mon code....

TLDR: Comment faire pour vérifier si un élément a obtenu un défilement vers le haut (et certains offset)?

source d'informationauteur Top Questions

  1. 21

    Vous devez écouter l'événement scroll, puis vérifier chaque élément contre le actuellement défile distance, quelque chose comme :

    $(window).on('scroll', function() {
    var scrollTop = $(this).scrollTop();

    $('.background1, .background2').each(function() {
        var topDistance = $(this).offset().top;

        if ( (topDistance+100) < scrollTop ) {
            alert( $(this).text() + ' was scrolled to the top' );
        }
    });
});