Im thrilled to try out all the new vector animations in hype. I want to create a homepage where you start scrolling down and after lets say half a page start scrolling to scroll the timeline where an animation is revealed, after the animation I want the page to continue scrolling down. Is that poss…

Check this document [image] Sticky Scroll Effect [20181010-azc6o] It should be used as a widget on a page built with regular HTML, Blog or CMS. It tries to take care of margins and fixed position etc. and offers a scroll driven timeline progression. Technic…

Thanks Max! This is quite exactly what I want to achieve… I’ll just try to figure out how to implement the code in my projects. Also, would it be possible to have some other elements that are closer to the viewer in Z space when scrolling down with this technique?

All this does is fix an Hype document for a certain scroll range and play it’s timeline. So it’s up to you what the animation does. Remove the dummy code for preview and deploy it on a page as a “widget”. It is not meant to take over the whole page. You can embed multiple of these in theory. Happy …

I (think I) have the exact same question as OP. Usage is several animated/ interactive infographics inside a page that should be operated by scrolling up and down. On desktop with mouse and on mobile/ tablet with touch. Is it possible to first scroll the page into the animation, then scroll within…

[image] U_U: Making a standalone animation, putting it into a div and then interacting by clicking elements is simple. Putting Hype export in context may be simple too, but I find it extremely, extremely hard figuring that out! Well that's the project. If you need another solution or have on…

I really appreciate your input, not just in this thread, thanks for that. It was not criticism towards this Hype project.

[image] U_U: It was not criticism towards this Hype project. Not perceived as such at all. If my writing indicates that I am sorry. Not a native speaker myself.

Swipe scroll to reveal an animation

MaxZieb (Loves Hype) June 13, 2019, 6:03pm 2

Check this document