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

Question

[Сергей Соболь]

Здравствуйте, закрепил header с помощью position fixed, width 100% и z-index. Но в макете - когда скролишь вниз, у шапки появляется тень, который отделяет ее немного от контента, но при этом - когда шапка на месте и скрола нет - тени тоже нет. Помогите, реализовать, пожалуйста.

Answer 1

[Антон Литвиненко]

$(window).scroll(function(){
    if ($(window).scrollTop() > 100){
       $('.header').addClass('scroll');
    } else {
       $('.header').removeClass('scroll');
    }
 });

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

Comments

[Сергей Соболь]

Спасибо.