You can download the final result of this quick tutorial here: https://www.sliderrevolution.com/link/downloads/scroll-based.zip
A few remarks when creating a scroll based scene:
Layers that have timeline scroll based handling “enabled” are only animating depending on their scroll position.
To prevent them from just “popping up” when the module loads, this trick can be used:
- Place the layer that should animate on scroll inside a group
- Disable the scroll based handling for the group
- Add an animation to the group, which will be played time based (this is your smooth in-animation for the layer!)
- The whole timeline duration is mapped on the height of the module in the frontend. This is why you need to space out the keyframes of your scroll based animation layer.
- Add a short keyframe in which the layer will be visible immediately (The group will be the in-animation) and place a longer keyframe at a later point in the timeline.
In addition, the “fixed during scroll” option allows you to specify a range on the timeline during which the module will be in a fixed position.
Scroll Based Keyframes
Hello.
This is a cool feature!
But how do I scroll from one slide to the next?
I have everything set to on scroll, and my timeline set to 15 seconds, but once my slide is done animating, it still waits 15 seconds to go to the next slide….
Can you advise on how I can address this?
Hello,
thanks for contacting us! Your request requires one of our support agents to have a closer look at your slider.
Please raise a ticket at https://support.sliderrevolution.com
Cheers Dirk @ Slider Revolution
Hello, I made my slider following the model of the Food Delivery Lottie Scroll, everything works fine in the preview, but when I insert it on the page, the module stays fixed, but the animation does not play or neither the page scrolls down ever, even when I insert the original sample, the same thing happens, do I need to adjust any other parameter?. I can’t write to support, because it’s out of date, even when I never use it.
Hello,
thanks for contacting us! Your request requires one of our support agents to have a closer look.
In order to give our clients the best support possible, we are having a support ticket system reachable via the link below.
Please use it for your upcoming questions concerning one of our products. This will guarantee the fastest answer possible. Support requests here cannot be answered unfortunately. Thank you!
Please use our ticket systems over at:
https://support.sliderrevolution.com or https://support.essential-grid.com
Cheers Dirk @ Slider Revolution
Narration for this video would be great. The link to the example file is dead.
Thanks! Corrected the link URL, sorry for that!