Viewport / Waypoint actions in Tumult Hype: Starting an animation when scrolling to an element

If you didn’t already, see this reply: New Blocs Support Hype 4.0.3

Hello @MarkHunte,

I’m working on a project that probably will use your solution here (waypoints mhv1.hype.zip), but I need to improve it somehow.
My question is it possible the first square to be fixed to the top/bottom of the viewport and on scroll to trigger the animation to hide/show when viewport is moving across the scene?

example
and
example2

Thank you!

Solved, sorry to bother you!

1 Like

Hi, can i use this function scrolling horizontally? I think I have to change 'down' in 'left-to-right' ... is it right?

From reading the docs.

you have to register a horizontal scroll in the options.

, { offset: '50%', horizontal: true } );

and use directions left or right

1 Like

Yes! Thank you very much :slight_smile:

1 Like

Excuse me, i have another question... if i use the Chrome device toolbar (because the project is for iPad), it doesn't work...is it normal?

Don't think it fails to trigger, looks to me like the chrome device is not respecting the viewport width.
In my tests at least for iPad size, it scales the page to 100%.

Safari's Resposive design seems ok. Since you are going to be using an iPad my suggestion is you test with that.

the problem is that I havn't an iPad :frowning:

As mentioned here...

Why not use the iOS Simulator in Xcode?

Having an actual iPad is better for testing, but the simulator is generally better than nothing.

3 Likes

ow, I didn’t know it was available on the app store for free :slight_smile: okay i try it, thank you

See this on a tip to using the Simulator.

2 Likes

on the Simulator the Hype preview works well but very slowly, i also try to change Debug setting but nothing. I have a Macbook Pro i9 Big Sur...strange

It does seem a little buggy. Afer posting this I found that clicking a button seemed to hold it down.
I only new this because the button drives a stepper that changes a number.

1 Like