Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как изменить клас блока при скроле ?

Как изменить клас блока при скроле ?


     27.08.2019    Все вопросы » jQuery    596

вопрос
Есть пример кода, подскажите что надо изменить в коде, что бы при скролле страницы в низ (скажем на 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');
		});

	}
});

Ответил: zis


Вопрос решен, нужен такой код

$(window).scroll(function() {
var height = $(window).scrollTop();
if(height > 200){
$('.searchsuggestions').removeClass('searchsuggestions').addClass('searchsuggestions2');
} else{
$('.searchsuggestions2').removeClass('searchsuggestions2').addClass('searchsuggestions');
}
});
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 25.09.2014 ufh2  jQuery
наверх