Sélection d'un élément qui a été déplacé vers

Question

J'ai un site de défilement qui utilise le plugin Jollery ScrollTo. Ce que j'essaie de faire est de sélectionner un élément dans la section qui vient d'être défilée pour que je puisse l'animer une fois que l'élément est visible à l'écran. suggestions?

Answer 1

Vous pouvez trouver le haut de l'élément et le comparer au document scrollTop dans l'événement onAfter du plugin scrollTo.

$("div").scrollTo({ 
    onAfter: function(){//This is the callback function when the scrolling animation is complete. 
    var scrollTop = $(document).scrollTop(); 
    var scrollLeft = $(document).scrollLeft(); 
    var elementWidth = $("div").find("elementToFind").width(); 
    var elementOffset = $("div").find("elementToFind").offset(); 
    var elementTop = elementOffset.top; 
    var elementLeft =elementOffset.left; 

    if((elementTop > scrollTop) && (elementTop < $(window).height() + scrollTop) && 
    (elementLeft > scrollLeft) && ((elementLeft + elementWidth) < $(window).width() + scrollLeft)){ 
    //The element is visible do something here 
    } 
} 

    }); 
})