Есть такой сайт: https://granola.com.ua/ и в нём при прокрутке меняется содержимое страницы. Только не могу понять, каким образом реализовывается смена контента, сайт 100% длины, pageYOffset в данном случае не работает, что логично... Есть какие-то идеи/ответы?)
1 ответ
Существует событие mousewheel
, которое применяется к любому элементу, над которым происходит скролл. У объекта event в обработчике этого события также есть свойство wheelDelta
, которое хранит отрицательное число, если прокрутка идет вниз, и положительное, если вверх.
То бишь, нужно просто отлавливать это событие, предварительно выставив странице overflow: hidden
, и менять в обработчике контент страницы
-
-
1более кроссбраузерная? developer.mozilla.org/en-US/docs/Web/API/Element/…– user35528621 июн 2020 в 15:51
-
wheel