Spaces:
Running
Running
| // Плавный скролл | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const section = document.querySelector(this.getAttribute('href')); | |
| section.scrollIntoView({ behavior: 'smooth' }); | |
| }); | |
| }); | |
| // Анимация при скролле | |
| const observer = new IntersectionObserver((entries) => { | |
| entries.forEach(entry => { | |
| if (entry.isIntersecting) { | |
| entry.target.classList.add('visible'); | |
| } | |
| }); | |
| }, { threshold: 0.1 }); | |
| document.querySelectorAll('.service-card, .portfolio-item').forEach(element => { | |
| observer.observe(element); | |
| }); | |
| // Изменение шапки при скролле | |
| window.addEventListener('scroll', () => { | |
| const header = document.querySelector('.header'); | |
| if (window.scrollY > 50) { | |
| header.classList.add('scrolled'); | |
| } else { | |
| header.classList.remove('scrolled'); | |
| } | |
| }); |