Scroll through all scenes

CleanShot 2022-05-13 at 10.25.43

Here is a way to scroll through all scenes:
ScrollThroughScenes.hype.zip (54,6 KB)

6 Likes

I like!! :+1:

Awesome! It'd be good if scrolling up kept on the first frame of the first scene - right now it goes to blank (I assume trying to change to a non-existent scene?)

1 Like

It was actually the first scene I used for setup and was blank and shown at percentage zero (scroll). I removed it and the setup() is now done on scene A. One could use a document load event handler in head, but I didn't as I was using it on WordPress. Upload was updated. We really need a Hype Document Load stack in the document inspector :wink: also scene/document infos in the API.

Here is also a nice snippet to avoid over scrolling at the borders (disabling the elastic band effect):

Put this in Head HTML:

<style>	
	body {
		overscroll-behavior-y: none;
	}
</style>
2 Likes

Here is a version using a sticky wrapper approach:
ScrollThroughScenesSticky.hype.zip (55,3 KB)

There is also a version on GitHub:

2 Likes