選擇一個已滾動到

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 
    } 
} 

    }); 
})