Forum Discussion
Storyline: Take A Scroll Beneath The Ocean
This creative scrolling panel example lets you explore the deep blue sea all on a single slide.
Explore this project.
Hi Chris, awesome Storyline. Absolutely love it!
I've been trying get an image animation running when the user scrolls down, just like you did with your animated deep-sea creatures. I've used Hidden/Normal states to let the images appear, however, I can't seem to find out what "when" is needed for the trigger.
The perfect 'when' would be when the scroll bar is at a certain point, or when the image is showing up on the slide so the animation starts playing. Both of these options aren't available, so I was wondering what trigger setup you used. I'd love to apply a similar user experience like your Storyline project:
- when the user scrolls down, the image/text appears
- when the user scrolls all the way back up, and scrolls down again, the Storyline starts replaying the project just like the first time the user scrolls down (image/text appears at a certain point).
I'd love to hear how you applied this effect.
I've been trying get an image animation running when the user scrolls down, just like you did with your animated deep-sea creatures. I've used Hidden/Normal states to let the images appear, however, I can't seem to find out what "when" is needed for the trigger.
The perfect 'when' would be when the scroll bar is at a certain point, or when the image is showing up on the slide so the animation starts playing. Both of these options aren't available, so I was wondering what trigger setup you used. I'd love to apply a similar user experience like your Storyline project:
- when the user scrolls down, the image/text appears
- when the user scrolls all the way back up, and scrolls down again, the Storyline starts replaying the project just like the first time the user scrolls down (image/text appears at a certain point).
I'd love to hear how you applied this effect.
- Hi Merel,
What you have described is absolutely possible with some JavaScript coding and a bit of setup in the slide.
The good news is that I have published the project template to my website to download for free, you will find the link for that above.
Also this blog post acts as an accompaniment to the project - https://discoverelearninguk.com/track-scrolling-panel-position-using-javascript-in-articulate-storyline/
This should provide everything you need to make your idea come to life.
All the best,
Chris