Как поймать событие при горизонтальной прокрутке?

Question

Дано:

1. страница с горизонтальной прокруткой (jInvertScroll.js),
2. когда определенные блоки (с шириной%) появляются в области видимости, повесьте класс на другие блоки. Подскажите пожалуйста, как реализовать горизонтальную прокрутку?

Answer 1

Прокрутка (горизонтальная и вертикальная) может реагировать следующим образом с JS:

window.addEventListener('scroll', function(e) {
  console.log('scroll event');
})

div {
  width: 2000px;
}

<div>test</div>

Answer 2

Оказалось, что проще отбить высоту страницы, что прописано в скрипте инициализации jInvertScroll.js

То есть было несколько условий, например:

if ($ (window) .scrollTop ()> 3000 && $ (window) .scrollTop () <4500) {

// наше действие

}

Спасибо всем, кто откликнулся!

Answer 3

Похоже, проблема для библиотеки прокрутки, как ScrollMagic.

Вот демонстрационная версия для такой проблемы: ScrollMagic Горизонтальная прокрутка