Как реализовать подобный эффект на Reacte?

Question

[Clear-sky]

Подскажите плиз - заказчик хочет при скроле вниз, на одной из страниц, на одном блоке остановится и сделать скролл горизонтальный как только блок дойдет до конца пойдет опять скролл вниз! На простом js скорее всего я бы наверно реализовал так как там проще а Reacte не за даже не знаю https://starterapp.ru/

Comments

[Вадим]

https://scrollmagic.io/
https://github.com/bitworking/react-scrollmagic
?

[Clear-sky]

Вадим, Спасибо

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

Вадим, мне кажется, это оверкилл для подобного. Ну а вопрос этот регулярно всплывает и на тостере и на стэковерфлоу.

[Вадим]

Антон Антон, мне тоже, но автор говорит что сделал бы на нативе, и почему то не знает как сделать на реакте. Хотя в чем разница в данном случае - не знаю. По этим причинам это комментарий, а не предложение в качестве ответа.

Answer 1

[Alexandroppolus]

на одном блоке остановится и сделать скролл горизонтальный как только блок дойдет до конца пойдет опять скролл вниз!

в примере по ссылке на самом деле такого нет: вертикальный скролл продолжается (это незаметно, потому что одноцветный белый фон, и высокий проем на том месте, где ряд телефончиков). Дополнительно висит обработчик onscroll на окне, и по нему вручную меняется transform: translateX у "горизонтально скроллящихся" элементов.