shadow on scroll

---

Description: 

on scroll add a shadow to the header bar

---

Kind:

CSS, jQuery

---

CSS:

.pw-header.active {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

---

Javascript:

jQuery(window).on("scroll", function() {
if(jQuery(window).scrollTop() > 100) {
jQuery(".pw-header").addClass("active");
} else {

jQuery(".pw-header").removeClass("active");
}
});

---