Как добавить/удалить класс при прокрутке страницы в JavaScript?

Question

[Арман Дендибаев]

Добрый день!
У меня есть блок с названием header и имеет значениеposition: fixed
Нужно что бы при прокрутке добавлялся класс headfix
То есть в начале <div class="header">
А при прокрутке было <div class="header headfix">

Ну и надо сделать что бы при возврате исходное место удалялся класс headfix

Answer 1

[Александр]

первая ссылка в гугле

$(window).scroll(function() {
var height = $(window).scrollTop();
 /*Если сделали скролл на 100px задаём новый класс для header*/
if(height > 100){
$('header').addClass('header-fixed');
} else{
/*Если меньше 100px удаляем класс для header*/
$('header').removeClass('header-fixed');
}
});

Answer 2

[Алекс Глебов]

jquery.page2page.ru/index.php5/%D0%9E%D0%B1%D1%80%...

jquery.page2page.ru/index.php5/%D0%A0%D0%B0%D0%B1%...

jquery.page2page.ru/index.php5/%D0%94%D0%BE%D0%B1%...