.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    transition: transform 250ms linear;
    /* время появления/исчезновения меню — 250 мс */
    z-index: 998;
}

.pinned {
    transform: translateY(0%)
}

.unpinned {
    transform: translateY(-100%)
}