Hey folks, just wondering if anyone has figured out a way to load scenes using the actual scroll bars in a browser so that a page will appear as one continuous page? I found a few examples on the forum here but none seem to be quite what I was looking for. Some suggestions just use the scroll funct…

Hi Hans-Gerd. So just to wrap my head around your suggestion. Are you suggesting that I Would still make my scenes sizes really long (like say 20,000pixels) and then put some sort of invisible trigger items that would initiate the On Enter Viewport Jump to the next scene action which would load in t…

[image] tammydesign: Hey folks, just wondering if anyone has figured out a way to load scenes using the actual scroll bars in a browser so that a page will appear as one continuous page? I don't think scenes are what to use here, not if you want one giant scrollable page. Instead, you could u…

Yeah that is how I have done it in the past. The problem is that it gets the application gets really clunky when I have a really long page with several movies all on the same scene. Just thought there might be a way to make it more efficient. Maybe my computer is just too old to handle it well.

You could just add a scene transition at the bottom of a scene and reset the page scroll for an endless scroll (there is a wheel-based/swipe template on the forums), or you could have a really tall surrounding container (but not the Hype document, that would have multiple scenes) and hence, not take…

Thanks Max, yes! I was mulling it over whether I could build it in the way you describe in your second suggestion. Thanks for the search terms, I'll definitely have a look.

Here are the links: [image] How to move objects with scrolling? thinking This version allows swipe… it also just requires the init on the first scene now: scrollingWithWheelConditionSwipe.hype.zip (38,8 KB) This is the same but has the init code in head HTML: scrolling…

Awesome, thank you! Going to check these out.

just a small test ... this won't necessarily fulfill all your wishes though :slight_smile: videos not optimized, no posterimages etc ... https://www2.aachener-zeitung.de/zva/karlo/test/scrollToAnimationPlusScenechange [image] test.hype.zip 1 file sent via WeTransfer, the simplest way …

@h_classen Interesting approach. I see that you are using a scroll event. How are you using the intersection observer? Can you elaborate a bit on how you are switching scenes? I saw a sceneChanger target, but I can't find it or determine what exactly is happening.

I"m Out of Office at the Moment. There are two Elements in top and bottom of a scene. If they intersect with the sourceelement the scene will BE switched May Not BE necessary ... Looking for Timelinestatus instead should Work too

Load Scenes on Scroll

Using JavaScript with Hype

MaxZieb (Loves Hype) February 2, 2022, 7:21pm 8

Here are the links:

and