Hi Verge3D-Forum,
I’m tyring to build an on-scroll-animated webpage. Thanks to your tutorials on youtube I could achieve a well looking result. The next step was to add some description in html. Basically it was some <p> and <h1> elements which appear when the user scrolls into the corresponding area (transition, opacity and control the animation time through the puzzles).
A Problem I detected was, that the user scrolls too fast and in the most cases he doesn’t realise that there is text.
My next solution was to let the page scroll just to the next element. A Tutorial I followed is this: https://www.youtube.com/watch?v=X8r9BejDn3c&list=WL&index=1
It makes excactly what I want to have. But there is still a problem. As you see in the tutorial there is the CSS line ‘ scroll-snap-type: y mandatory; ‘ which is also in the puzzle. It leads to the situation that the animation of my 3D model begins after the very last text.
So my question as a beginner in the world of Verge3D, html, CSS and JS, do you have an alternative, or do you have a solution?
Thanks.