Задать вопрос

Как можно обрабатывать события при скролле?

Имеем:
<!-- ... -->
      <p>...</p>
      <p>...</p>
      <p>...</p>
      <p class="show-me-on-scroll"></p>
      <p>...</p>
      <p>...</p>
      <p>...</p>
<!-- ... -->

Требуется: при пролистывании до элемента с классом "show-me-on-scroll", задать ему класс "visible". При пролистывании обратно убрать этот класс.
  • Вопрос задан
  • 251 просмотр
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
Решения вопроса 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Для этой задачи существует отличный плагин: imakewebthings.com/waypoints
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Sergeniy
@Sergeniy
Не менее отличный scrollrevealjs.org, просто пишешь как нужно появляться:
<div data-sr="enter left, hustle 20px"> Foo </div>
<div data-sr="wait 2.5s, ease-in-out 100px"> Bar </div>
<div data-sr="move 16px scale up 20%, over 2s"> Baz </div>
<div data-sr="enter bottom, roll 45deg, over 2s"> Bun </div>
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы