Spaces:
Running
Running
| document.addEventListener('DOMContentLoaded', function() { | |
| // Animate elements on scroll | |
| const animateOnScroll = function() { | |
| const elements = document.querySelectorAll('.animate-on-scroll'); | |
| elements.forEach(element => { | |
| const elementPosition = element.getBoundingClientRect().top; | |
| const screenPosition = window.innerHeight / 1.3; | |
| if (elementPosition < screenPosition) { | |
| element.classList.add('animate-fade-in'); | |
| } | |
| }); | |
| }; | |
| // Run once on load | |
| animateOnScroll(); | |
| // Run on scroll | |
| window.addEventListener('scroll', animateOnScroll); | |
| // Mobile menu toggle | |
| document.addEventListener('click', function(e) { | |
| const mobileMenuButton = e.target.closest('#mobile-menu-button'); | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| if (mobileMenuButton && mobileMenu) { | |
| mobileMenu.classList.toggle('open'); | |
| const icon = mobileMenuButton.querySelector('i'); | |
| if (mobileMenu.classList.contains('open')) { | |
| feather.replace({ name: 'x' }); | |
| } else { | |
| feather.replace({ name: 'menu' }); | |
| } | |
| } | |
| }); | |
| // Form submission | |
| const form = document.querySelector('form'); | |
| if (form) { | |
| form.addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| // Here you would typically send the form data to your server | |
| alert('Спасибо! Мы свяжемся с вами в ближайшее время.'); | |
| form.reset(); | |
| }); | |
| } | |
| }); |