0

Есть такой сайт: https://granola.com.ua/ и в нём при прокрутке меняется содержимое страницы. Только не могу понять, каким образом реализовывается смена контента, сайт 100% длины, pageYOffset в данном случае не работает, что логично... Есть какие-то идеи/ответы?)

1
  • есть событие wheel
    – user355286
    21 июн 2020 в 13:01

1 ответ 1

0

Существует событие mousewheel, которое применяется к любому элементу, над которым происходит скролл. У объекта event в обработчике этого события также есть свойство wheelDelta, которое хранит отрицательное число, если прокрутка идет вниз, и положительное, если вверх.
То бишь, нужно просто отлавливать это событие, предварительно выставив странице overflow: hidden, и менять в обработчике контент страницы

3
  • И да, mousewheel - это более кроссбраузерная версия wheel
    – artomich
    21 июн 2020 в 13:10
  • 1
    более кроссбраузерная? developer.mozilla.org/en-US/docs/Web/API/Element/…
    – user355286
    21 июн 2020 в 15:51
  • Ого, спасибо за информацию. Не знал
    – artomich
    21 июн 2020 в 18:15

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.