Я пытаюсь создать функцию прокрутки, в которой вертикальная прокрутка превращается в horizontal scrolling, а затем обратно в vertical scrolling с помощью реакции-пружины и реакции-использования-жеста. В дополнение к этому, прокрутка регулируется, чтобы добавить некоторое замедление в ее поведение. Таким образом, передавая нормальное поведение прокрутки.
Я пытаюсь имитировать c поведение, испытываемое на веб-странице коллектива реформ: https://www.reformcollective.com/. На их веб-странице, независимо от того, как быстро вы прокрутите, произойдет ожидаемое поведение.
Моя проблема в том, что когда пользователь прокручивает до начала horizontal section, horizontal section начинает прокручиваться раньше, чем предыдущий vertical scrolling закончилась из-за продолжительности анимации прокрутки.
Как я могу дождаться окончания предыдущего vertical scrolling и только потом начать горизонтальную прокрутку?
Мне не обязательно использовать реакцию-пружина / реакция-использование-жест. Я также открыт для альтернативных решений. Может быть, я обдумываю этот вызов.
Вот упрощенная версия моего кода: https://codesandbox.io/s/friendly-sunset-fmipu
Спасибо!