У меня есть прокручиваемый сайт, который использует плагин Jquery ScrollTo. То, что я пытаюсь сделать, - это выбрать элемент в только что выделенном разделе, чтобы я мог анимировать его, как только элемент будет виден на экране. предложения?
Вы можете найти верхнюю часть элемента и сравнить с документом scrollTop в событии onAfter плагина 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 } } }); })