Задача такова: при достижении расстояния блоком до верха окна -добавлять класс. Но Срабатывает иначе: при достижении растояния только первым блоком до заданного расстояния, добавляются классы и все происходит сразу. Как исправить, чтобы все работало как надо?
$(window).scroll(function(){
if($(window).scrollTop()>350){
$('.about-y').addClass("visib fadeInLeft");
$('.another-y').addClass("visib fadeInRight");};
if($(window).scrollTop()>350){
$('.cur-block-1').addClass("visib fadeInLeft");};
if($(window).scrollTop()> 300){
$('.cur-block-2').addClass("visib fadeInLeftBig");};
if($(window).scrollTop()>300){
$('.cur-block-2').addClass("visib fadeInRight");};
if($(window).scrollTop()>300){
$('.cur-block-3').addClass("visib fadeInLeft");};
if($(window).scrollTop()>300){
$('.serv2').addClass("visib fadeInRight");};
if($(window).scrollTop()>300){
$('.serv1').addClass("visib fadeInLeft");};
if($(window).scrollTop()>300){
$('.serv4').addClass("visib fadeInRight");};
if($(window).scrollTop()>300){
$('.serv3').addClass("visib fadeInLeft");};
});