fixed-header.js

window.onload = function() {
    var header = document.querySelector('header');
    var headerOffsetY = header.offsetTop;
    window.onscroll = function() {
        var offsetY = window.pageYOffset;
        if (headerOffsetY > offsetY) {
            //ここで固定解除( 元々のものに戻す )
            header.style.position = 'absolute';
            header.style.top = '';
            header.style.bottom = '0';
        }else {
            //ここで固定
            header.style.position = 'fixed';
            header.style.top = '0';
        }
    }
}