스크롤 된 요소를

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

    }); 
})