スクロールされた要素を選択する

Question

私はJquery ScrollToプラグインを使用するスクロールサイトを持っています。私がしようとしているのは、要素が画面に表示されたらアニメーション化できるように、スクロールされたばかりのセクション内の要素を選択することです。 のご提案ですか？

Answer 1

scrollToプラグインのonAfterイベントで、要素の先頭を検索して文書scrollTopと比較できます。

$("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 
    } 
} 

    }); 
})