вопрос
Есть пример кода, подскажите что надо изменить в коде, что бы при скролле страницы в низ (скажем на 200px) заменился существующий класс на другой класс (скажем с класса sear1 на sear2), а при сколе вверх (меньше 200px) обратно вернуть все как было (то есть с класса sear2 на sear1).
var div = $('div:last');
$(window).scroll(function(){
var top = $(this).scrollTop();
console.log(top);
if (top > 200 ) {
div.fadeOut('fast',function(){
$(this).removeClass(".searchsuggestions")
.addClass(".searchsuggestions2")
.fadeIn('fast');
});
} else {
div.fadeOut('fast',function(){
$(this).removeClass(".searchsuggestions2")
.addClass(".searchsuggestions")
.fadeIn('fast');
});
}
});
Вопрос решен, нужен такой код
$(window).scroll(function() {
var height = $(window).scrollTop();
if(height > 200){
$('.searchsuggestions').removeClass('searchsuggestions').addClass('searchsuggestions2');
} else{
$('.searchsuggestions2').removeClass('searchsuggestions2').addClass('searchsuggestions');
}
});