Я использую этот цикл для динамического контента, чтобы каждый элемент появлялся с задержкой после предыдущего, один за другим. Это происходит при прокрутке до их родительско секции.
/* Every time the window is scrolled ... */
jQuery(window).scroll( function(){
/* Check the location of each desired element */
$('.event-item').each( function(i){
var bottom_of_object = jQuery('section#roadmap').position().top;
var bottom_of_window = jQuery(window).scrollTop() + jQuery(window).height();
/* If the object is completely visible in the window, fade it it */
if( bottom_of_window > bottom_of_object ){
jQuery(this).delay((i++) * 500).fadeTo(1000, 1);
}
});
});
Но если докрутитить до нужной секции, перезагрузить страницу, и не трогать мышку, то анимация не происходит, хотя секция находится в зоне видимости. Как сделать, чтобы даже не трогая мышку, прозрачные элементы переставали быть прозрачными и анимация работала?
