How to combine Parallax with useTransition (to scroll to change layers (pages) instead of by clicking)

[WangYifang]

I want to implement a scroll-telling webpage where there are several frames/pages. I want to show them one by one by using scroll interactions. Here is what I have done:

1. For each page, I have a component, where I use useTransition() to add some fadeIn animations for some elements. Here I use dynamic mounting: only if the activated Page number is larger than this page's page number, will the component be mounted:

2. For the root component (i.e., App.tsx), I use Parallax/ParallaxLayer to arrange these pages in order.

But now I can only click/doubleClick/... to change pages.... My ideal interaction is to scroll to change pages... So how can I use scroll here?