From the course: Scrollytelling: Creating a One-Page Web Experience
Unlock the full course today
Join today to access over 24,400 courses taught by industry experts.
Beyond triggering: Progressive dynamic actions
From the course: Scrollytelling: Creating a One-Page Web Experience
Beyond triggering: Progressive dynamic actions
- [Instructor] So there's one more important thing to say about Scrollama. In addition to the ability to trigger an event, I'm going to change the rectangle to blue, that's great. I can also track the progress of the scroll. So as I scroll a little bit more, a little bit more, I can actually trigger ongoing events based on how far I have scrolled. So that's a nice addition that Scrollama has that Waypoints does not have. Nothing's happening right now, so let's go make that happen. So if you remember, we have the on step enter call for Scrollama, which triggers an event when you enter a step, when the scrollable thing crosses a certain threshold, and there's the on step exit, which again, triggers another event when that element is leaving the stage, the bottom part of it is crossing that same threshold. In addition to those, there's also on step progress, which looks exactly the same, there's still a response object…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
HTML and CSS basics4m 46s
-
(Locked)
Scrollama setup12m 11s
-
(Locked)
Triggering events8m 23s
-
(Locked)
Test before you go too far4m
-
(Locked)
Affecting other objects6m 58s
-
(Locked)
Making scrollytelling more dynamic3m 3s
-
(Locked)
Affecting things in any way you want9m 36s
-
(Locked)
Beyond triggering: Progressive dynamic actions8m 42s
-
(Locked)
Clean it up3m 55s
-
(Locked)
-