Dikkkey
@Dikkkey
Начинающий программист.

Как сделать так, чтобы у шапки при скроле появлялась тень?

Здравствуйте, закрепил header с помощью position fixed, width 100% и z-index. Но в макете - когда скролишь вниз, у шапки появляется тень, который отделяет ее немного от контента, но при этом - когда шапка на месте и скрола нет - тени тоже нет. Помогите, реализовать, пожалуйста.
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
$(window).scroll(function(){
    if ($(window).scrollTop() > 100){
       $('.header').addClass('scroll');
    } else {
       $('.header').removeClass('scroll');
    }
 });

Соответственно у класса scroll даёте box-shadow
А так чтобы пропадал стоя на месте это думаю добавлять класс только на событие скролла
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sharomet
@sharomet
Front-End
Используйте sticky плагин stickyjs.com или руками пишите js.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы