Есть лендинг, на котором элементы в некоторых секциях должны появляться, когда пользователь доскроллит до них. В интернете не могу найти нормальный, простой код для решения этой задачи.
Вот, нашел что-то более менее, но он работает не так как хочется:
$(document).scroll(function(){
scroll = $('body').scrollTop();
advantages = $('#advantages .item').offset().top;
if(scroll > advantages){
$('#advantages .item').addClass('active');
}
});
при скролле элементы появляются только тогда, когда пользователь прокрутил их почти до конца, а нужно наоборот, чтобы они проявлялись впритык к тому моменту, как пользователь доскроллит до их верхней части, чтобы он полноценно видел анимацию.