Example
Warning: this slide might be a little off balance.
Thanks, Iris! I’ve set up some JavaScript that continuously checks whether a nearly invisible (99% transparent) “marker” element — usually placed near the animated object — is visible within a scrollable area. When the marker comes into view, a variable is set to True; when it’s out of view, the variable is set to False. Based on this variable, I trigger motion path animations: when True, elements move onto the screen, and when False, they move off the screen.
This extended scrollable slide works without any JavaScript. The script was just an extra touch to show what’s possible. I’ve attached a simple version in my reply to Jodi. If you're interested in the JavaScript hack that animates elements in and out based on scroll position, let me know and I’ll upload it for you.
Hi Nadim,
yes please, I am interested in the JavaScript as well, since I am currently learning how they work. In the mean while, I will try the variable version. I tried many options yesterday to reproduce, but not that one :-)
Thanks and best,
Iris
Here we go! In this simplified version, the text block animates in and out along motion paths based on whether the marker shape enters or exits the scroll-area view.
Thank you so much for sending the triggers and Java script. I will now exercise! :-)
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.