Lepší sticky header na novějších šablonách

CSS:

.scrolled #header {
position: fixed;
top: -91px;
left: 0;
right: 0;
z-index: 3;
box-shadow: 0 0 30px #d8590421;
}
.scrolled-down #header {
top: -91px;transition: all 0.5s ease;
}
.scrolled-up #header {
top: 0px;transition: all 0.5s ease;
}