Sorry but I do not know of a way to accomplish your request "natively" just using Hype's interface unless You have the body of your page in a scrollable field element in Hype - not the same effect as I believe You are looking for.
However - why not start somewhere with some Javascript/CSS solutions and see how You do. The "fixed" header part should be pretty accessible even without coding knowledge:
I am trying to create a fixed image for the header of a website, but I am not finding a CSS hack that has worked within Hype yet. To see what I mean, view the image at the top of this page and scroll down: http://guitarjo.com/
Any ideas on how to target images within Hype to create this effect?
Not sure how to easily explain this easily. See this page I am working on http://www.chenevertphotography.com/cu/
As you see when you drag the bottom of the page up it hides the content in the middle behind the header and footer. That would be fine if that content was then scrollable. Unfortunately that content is just lost until you resize the window. I know if I turn height scaling off I can scroll but I the it seems I can’t lock the footer to the bottom. The https://www.google.com home page …
not sure if you need to there Michael @riccardosuardi This is an option using a scroll listener on scene load.
Basically, it looks for the difference between the window’s top and a specific trigger element’s top value (could be a number instead) and when they meet it fires the timeline (that is a simple reveal up of the footer elements) and also via javascript sets the style attributes “fixed” and “translateY” which enables the grouped footer element to stay fixed to the bottom. (a cal…
1 Like