ReactJS как слушать событие скролл?

Question

[Alex Krynytskyi]

Хочу чтобы home page слушал событие скрол но по факту он то не скролится. Разве что ставить height 100vh и overflow scroll
но такой подход мне не подходит.
как можно решить эту задачу? Онскрол тоже не подходит так как нужно чтобы событие слушалось и на моб дивайсе при скроле а оно вроде так не работает.

Answer 1

[t800zippygod]

Тебе скорее надо слушать события onTouchStart, onTouchMove

Comments

[Alex Krynytskyi]

ну я так понимаю это для мобилок хорошо а для десктопа ?
Оставлять онскролл ?

[t800zippygod]

Alex Krynytskyi, а для десктопа onWheel, колёсиком же прокручивается

[Alex Krynytskyi]

t800zippygod, хм а если человек будет полосу прокрутки двигать вручную ?) Сейчас это редкость но бывает )

[Alex Krynytskyi]

ну и на там спасибо

[t800zippygod]

Alex Krynytskyi, так я не понимаю есть скролл или нет. Если проявляется полоса прокрутки значит скролл есть, и тогда можно не мудрить ничего

[Alex Krynytskyi]

t800zippygod, Ну скролл есть но он не работает на хоме. Получаеться мне нужно его вешать на body? А как это из компонента сделать ?

[t800zippygod]

Alex Krynytskyi, ну как как, как обычно) document.body.addEventListener, но если у тебя это событие связано с конкретным компонентом, тогда при unmount’е компонента убирай этот обработчик

[Alex Krynytskyi]

Я повешал при загрузке хомепедж на window scroll
а как мне убрать его при роутинге на другую станичку ?

[t800zippygod]

Alex Krynytskyi, у тебя при роутинге рендерится новый компонент, а старый размонитурется, поэтому вешай удаление обработчика события на componentWillUnmount