Задача скрипта: при скроллинге должен добавляться к каждому элементу класс. Но по факту работет так: при скролле ко всем сразу добавляется класс.
Как исправить, чтобы все работало корректно?
$(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");};
});