Как можно отследить скролл вниз или вверх, если height 100vh и overflow:hidden?

Question

[ArtJH]

Суть задачи: экран 100vh, если пользователь скролит вниз то некоторые элементы уходят и появляются другие

Answer 1

[ArtJH]

Нашел решение

$(window).bind('wheel', function(event) {
			if (event.originalEvent.wheelDelta >= 0) {
				console.log('Scroll up');
			}
			else {
				console.log('Scroll down');
			}
		});

Comments

[ThunderCat]

По спеке не будет работать в фф.

[Rsa97]

Поменяйте mousewheel на wheel, тогда будет работать во всех современных браузерах.
https://developer.mozilla.org/en-US/docs/Web/API/E...

[ArtJH]

ThunderCat, где? Не понял

[ArtJH]

Rsa97, Спасибо)

Answer 2

[ThunderCat]

Емнип скролл евент не имеет "направления" в жс, можно только отследить перемещение элемента относительно предыдущей позиции, так что никак, только если добавить 1 пиксель, и уже по нему отслеживать сдвинулось на 1 пиксель вверх/вниз или осталось прежнее направление.

Answer 3

[Антон Антон]

Если для продакшена, то очень скоро это обрастет кучей костылей, так что рекомендую использовать https://scrollmagic.io/