@defreshy

Как задать стили элементу, при скроле к нему вниз?

пример
Есть вот такой элемент:
5f703dc3be21a020940876.png
Когда скролить вниз пункт меняет свой цвет:
5f703de1d9593850439334.png
Как можно такое реализовать?
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ответы на вопрос 1
z80b
@z80b
Frontend
Можно с помощью IntersectionObserver
window.onload = () => {
  const observer = new IntersectionObserver((entries, observer) => {
      entries.forEach(entry => {
          if (entry.isIntersecting) {
              entry.target.className = 'Класс синего кружка';
              observer.unobserve(entry.target);
          }
      })
  }, { threshold: 0.5 })

  document.querySelectorAll('Класс серого крцжка').forEach(item => observer.observe(item));
}


Можно еще поиграться с параметрами, полное описание здесь: https://developer.mozilla.org/ru/docs/Web/API/Inte...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы