body перебирать классы от скролла
сайт изначально с черным фоном когда скролишь 1000px нужно менять фон сайта на белый, но когда возвращаешься в к первому блок и начинаешь скролить опять вниз нужно что бы фон был черный и так каждый раз приключалось допустим первый раз я прокрутил и body добавился класс color-white, поднялся вверх к началу сайта, класс color-white пропал, начал скролить опять и добавился класс color-black, и так переключать
$(window).scroll(function() {
var height = $(window).scrollTop();
if(height > 1000){
$('body').addClass('color-white');
} else{
$('body').removeClass('');
}
});body {min-height:3000px;background-color:#000;}
body.color-white {background-color:#fff;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body></body>Ответы (1 шт):
Автор решения: UserGames
→ Ссылка
Вы забыли указать класс, который убираете. $('body').removeClass('color-white');
$(window).scroll(function() {
var height = $(window).scrollTop();
if(height > 1000){
$('body').addClass('color-white');
} else{
$('body').removeClass('color-white');
}
});body {min-height:3000px;background-color:#000;}
body.color-white {background-color:#fff;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body></body>