Встречается на собеседованиях • сегодня

Что с чем нужно сравнить чтобы понять когда запустить анимацию

Для запуска анимации нужно сравнить текущую позицию элемента относительно viewport. Используй IntersectionObserver — это современный и эффективный способ. Пример:

javascript
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('animate');
      observer.unobserve(entry.target); // Опционально: отключаем наблюдение после запуска
    }
  });
}, { threshold: 0.5 }); // Порог видимости элемента (50%)

const element = document.querySelector('.box');
observer.observe(element);

text

Альтернатива — сравнение `getBoundingClientRect()` с размерами viewport, но это менее производительно.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы