/* Intersection Observer 滚动触发 */ const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); } }); }, { threshold: 0.2 }); document.querySelectorAll('[data-animate]').forEach(el => observer.observe(el)); /* 平滑滚动 */ document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); }); /* 滚动进度条 */ window.addEventListener('scroll', () => { const scrolled = window.scrollY / (document.body.scrollHeight - window.innerHeight); progressBar.style.width = (scrolled * 100) + '%'; });