// header bg
const headBg = {
    init() {
        this.action();
    },
    action() {
        const $ele = {
            win: window,
            hd: document.getElementById('header')
        };
        ['scroll', 'resize', 'load'].forEach(event => {
            $ele.win.addEventListener(event, () => {
                const wt = $ele.win.scrollY;
                const hh = $ele.hd.offsetHeight;
                wt > hh ? $ele.hd.classList.add('fix') : $ele.hd.classList.remove('fix');
            });
        });
    }
};
document.addEventListener('DOMContentLoaded', () => {
    if (document.getElementById('header')) {
        headBg.init();
    }
});