Задать вопрос
AleksMey
@AleksMey
Пытаюсь разобраться
javascript

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

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

буду благодарен за примеры. заранее спасибо
  • Вопрос задан
  • 289 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@ferdasfarmazone
Верстальщик! 
$(document).scroll(function(){
  if ($(window).scrollTop() > 0){
    $('.header').addClass('active');
  }
  else{
    $('.header').removeClass('active');
  }
});
.header{
padding:  90px 0;
}
.header.active{
padding:  50px 0;
}
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать парсер и админку
19 апр. 2024, в 14:12
30000 руб./за проект
Создать логотип
19 апр. 2024, в 14:10
500 руб./за проект
Разработка дизайна мобильного приложения которое управляет вентиляцией
19 апр. 2024, в 14:01
70000 руб./за проект
Ещё заказы