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

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

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

Соответственно у класса scroll даёте box-shadow
А так чтобы пропадал стоя на месте это думаю добавлять класс только на событие скролла
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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