var header = document.querySelector(".header");
window.onscroll = function() {
    var high = document.querySelector("html").scrollTop;
    if (high > 300) {
        header.classList.add("fixed");
    } else {
        header.classList.remove("fixed")
    }

}