@r_g_b_a

Как отследить срабатывание position: sticky?

Есть элемент с position: sticky. Нужно отследить, когда он прилипает к верхней части окна браузера. Нашел пример с использованием IntersectionObserver, но есть небольшая проблема, которую я не знаю как решить - коллбэк срабатывает при пересечении элементом в том числе и нижней части.
https://jsfiddle.net/52f79kgm/
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ответы на вопрос 1
iamd503
@iamd503
Верстальщик
Получите позицию элемента с position: sticky относительно документа. Добавьте событие скрола. И когда скролл будет равен значению позиции элемента с position: sticky, то и пишите колбек
Пример
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Artezio Минск
от 2 800 до 3 300 $