Как зафиксировать меню при скроле и уменьшить его размер?

Question

[Алексей Королёв]

Есть навбар, который находится на странице с отступом 100px, подскажите как сделать что бы он при скролинге цеплялся и становился фиксированным и уменьшался с высоты в 90px до 50px ?

буду благодарен за примеры. заранее спасибо

Answer 1

[Василь Бойко]

$(document).scroll(function(){
  if ($(window).scrollTop() > 0){
    $('.header').addClass('active');
  }
  else{
    $('.header').removeClass('active');
  }
});
.header{
padding:  90px 0;
}
.header.active{
padding:  50px 0;
}

Comments

[Алексей Королёв]

Как использовать? Прилепил id="header" и никакой реакции