'use strict';
(function () {
    window.addEventListener('scroll', function () {
        let matchWidth = window.matchMedia('(min-width:992px)');
        let threshold = matchWidth.matches ? 100 : 70;
        let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
        let headerArea = document.getElementById('header-area');
        let backTop = document.getElementById('back-top');
        scrollTop > threshold ? headerArea.classList.add('navbar-fixed') : headerArea.classList.remove('navbar-fixed');
        scrollTop > threshold ? backTop.classList.add('back-top-show') : backTop.classList.remove('back-top-show');
    });
    let menuButton = document.getElementById('menu-button');
    let menuList = document.getElementById('menu-list');
    let backTopBtn = document.getElementById('back-top');
    menuButton.addEventListener('click', function () {
        menuButton.classList.toggle('menu-button-show');
        menuList.classList.toggle('menu-list-show');
    });
    backTopBtn.addEventListener('click', function () {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });

    });
})();