We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Scroll to next section on a single scroll

Home Forums Programming Scroll to next section on a single scroll

Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #46307
    snm.snm
    Customer

    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.

    #46329
    haris
    Participant

    Can you share the screenshots? :)

    #46331
    snm.snm
    Customer

    Do you mean the screenshots of the html, css lines and the puzzles?

    #46336
    haris
    Participant

    yes

    • This reply was modified 1 month, 1 week ago by haris.
    #46356
    snm.snm
    Customer

    Sure, I attached the screenshots.

    Can you see the problem. Or do you have an alternative?

    Attachments:
    You must be logged in to view attached files.
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.