Love this Max. (Parallax effect done in Hype) Do you have any tutorials on how to put this together? I downloaded the file but not exactly sure how the Additional Html attribute works. I haven't used that before.

I refreshed the HTML of the post to display the videos properly again. Somehow they always break, haven't found a solution for that yet. It is pretty straight forward… as described the in the description: [image] Hype Action Events Extension Project Another Exa…

Thank Max! Will check this out. All the best!

I just saw that I sent you instructions for the sticky example. Parallax uses the scroll event. [image] Hype Action Events Extension Project Example using the document scroll event data-document-scroll-action Here is a simple sticky effect, for demonstration…

The Hype function triggered by Hype Action Events on the scroll event that is driving the parallax is this: function scrollHandlert(hypedocument, element, event){ hypeDocument.setElementProperty(element, 'top', window.scrollY*1.3); // I am using .HYPE_element, but you can use a custom class for e…

If I think about it, the original answer also works… using the sticky handler … it also has a symbol progress handler. With that, you can make a parallax animation (or any other animation) manually in Hype and use the progress handler (based on scroll) to display it.

Sorry to revisit this Max but had some time to come back to this and still finding it a bit complex for me. Could this be simplified? What I would like to do would be onScroll down to so many pixels: continue timeline, onScroll up to so many pixels: continue timeline (in reverse)? Here is where I'…

Sorry for the delay, I was rather busy. Here is an example using Hype Action Events. [CleanShot 2023-03-13 at 19.44.30@2x] (A) Assigns a Hype function to the scroll event (also takes care of garbage collection when switching scenes). It also implements the attributes (B) and (C) (B) This is the …

Using Hype Action Event for parallax scrolling effects

MaxZieb (Loves Hype) January 19, 2023, 7:50pm 4

I just saw that I sent you instructions for the sticky example. Parallax uses the scroll event.