Какая была самая сложная задача на последнем проекте

На последнем проекте столкнулся с необходимостью реализовать сложную анимацию скролла для лендинга с параллакс-эффектами и sticky-элементами. Основная сложность была в синхронизации анимаций при разных скоростях скролла и разрешениях экранов.

Использовал IntersectionObserver для отслеживания позиции элементов и GSAP для плавных анимаций. Пришлось учитывать performance, поэтому оптимизировал через requestAnimationFrame и will-change.

const sections = document.querySelectorAll('.section');
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      gsap.to(entry.target, { opacity: 1, y: 0, duration: 0.8 });
    }
  });
}, { threshold: 0.1 });

sections.forEach(section => observer.observe(section));