$(document).on('mousewheel', function(event) {
if ($('#section8').hasClass('active')) {
$('.l').css('transform','translateY(-100vh)')
}
else{
$('.l').css('transform','translateY(0vh)')
};
if ($('#section9').hasClass('active')) {
// console.log('yes');
$('.l').css('transform','translateY(-200vh)')
}
else{
// console.log('no');
$('.l').css('transform','translateY(0vh)')
};
if ($('#section10').hasClass('active')) {
// console.log('yes');
$('.l').css('transform','translateY(-300vh)')
}
else{
// console.log('no');
$('.l').css('transform','translateY(0vh)')
}
});
Есть вот такой код, но срабатывает только последний if
Из-за чего такое может быть