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

Как посчитать когда пользователь находится на нужном моменте при scroll

Для отслеживания позиции скролла можно использовать Intersection Observer API или обработчик события scroll. Вот пример с Intersection Observer:

javascript
const targetElement = document.querySelector('.target');
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      console.log('Элемент в зоне видимости!');
      // Ваш код здесь
    }
  });
}, { threshold: 0.5 }); // Порог видимости 50%

observer.observe(targetElement);

text

Или вариант с scroll event:

```javascript
window.addEventListener('scroll', () => {
  const element = document.querySelector('.target');
  const rect = element.getBoundingClientRect();
  const isVisible = rect.top <= window.innerHeight && rect.bottom >= 0;
  
  if (isVisible) {
    console.log('Элемент виден');
  }
});

Intersection Observer более производителен, так как не требует постоянных вычислений при скролле. Для сложных случаев можно комбинировать оба подхода.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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