assets/js/main.js

微信扫码关注公众号，代码整理好后第一时间通知你。

(function() {
    'use strict';
    
    document.addEventListener('DOMContentLoaded', function() {
        initMobileMenu();
        initScrollTop();
    });
    
    function initMobileMenu() {
        var header = document.querySelector('.site-header');
        if (!header) return;
        
        var menuToggle = document.createElement('button');
        menuToggle.className = 'menu-toggle';
        menuToggle.innerHTML = '<span></span><span></span><span></span>';
        menuToggle.setAttribute('aria-label', 'Toggle menu');
        
        var nav = header.querySelector('.main-nav');
        if (nav) {
            menuToggle.addEventListener('click', function() {
                nav.classList.toggle('active');
                menuToggle.classList.toggle('active');
            });
            
            header.querySelector('.header-content').insertBefore(menuToggle, nav);
        }
    }
    
    function initScrollTop() {
        var scrollBtn = document.createElement('button');
        scrollBtn.className = 'scroll-top';
        scrollBtn.innerHTML = '&#8593;';
        scrollBtn.setAttribute('aria-label', 'Scroll to top');
        document.body.appendChild(scrollBtn);
        
        window.addEventListener('scroll', function() {
            if (window.scrollY > 300) {
                scrollBtn.classList.add('visible');
            } else {
                scrollBtn.classList.remove('visible');
            }
        });
        
        scrollBtn.addEventListener('click', function() {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
    }
    
    window.addEventListener('load', function() {
        document.body.classList.add('loaded');
    });
    
})();