滚动到部分时更改URL

document.addEventListener('DOMContentLoaded', function() {
    const sections = document.querySelectorAll('section');
    const sectionIds = Array.from(sections).map(section => section.id);

    window.addEventListener('scroll', function() {
        let currentSectionId = '';
        sections.forEach(section => {
            const rect = section.getBoundingClientRect();
            if (rect.top <= 0 && rect.bottom >= 0) {
                currentSectionId = section.id;
            }
        });

        if (currentSectionId) {
            history.pushState({}, '', `#${currentSectionId}`);
        }
    });

    window.addEventListener('popstate', function(event) {
        const hash = window.location.hash;
        if (hash) {
            const targetSection = document.querySelector(hash);
            if (targetSection) {
                targetSection.scrollIntoView({ behavior: 'smooth' });
            }
        }
    });
});

function throttle(func, limit) {
    let inThrottle;
    return function() {
        const args = arguments;
        const context = this;
        if (!inThrottle) {
            func.apply(context, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

window.addEventListener('scroll', throttle(handleScroll, 200));

window.addEventListener('popstate', function(event) {
    const hash = window.location.hash;
    if (hash) {
        const targetSection = document.querySelector(hash);
        if (targetSection) {
            targetSection.scrollIntoView({ behavior: 'smooth' });
        }
    }
});