I have a page component containing various layers (i.e. pages), some of them wrapped in scroll components. What I want to achieve is that clicking on the right half of the prototype snaps to the next page (to the right), while clicking on the left half snaps to the previous page (to the left). What I do to achieve this is add two transparent "dummy layers" on top of my page component (one in the left half, the other in the right half), and on these layers, I register the clicks and let the page component snap further.
Now all of this works fine. But the fact that I now have transparent layers on top of my scroll components makes it so that these won't scroll anymore. Clearly, the dummy layers block my scrolling attempts from registering with the scroll component. How could I fix this? Is my approach with the dummy layers the wrong one?