1. Select a group on the page that will act as a trigger and assign it an ID Attribute.
The animation of the target element will start when the trigger scrolls to a certain offset (specified in the settings)
2. Select the target element to which the animation will be applied and assign it an ID Attribute. It's best if you place the target element inside the group from step 1 (trigger).
3. place the "ScrollAnimation-Scene" element on the page and in the "triggerElements" field specify the identifier of the trigger element from step 1
4. In workflows, select the "Page is loaded" event and launch the "Tween ScrollAnimation-Scene" action where in the "TargetElements" field you must specify the target element identifier from step 2
5. Configure the desired animation in the "Tween" element and the "ScrollAnimation-Scene" trigger element
This is the most primitive connection scheme. For a more complete overview, please visit the main documentation page:
https://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_guide_generalThere are also additional documentation pages where the concept of the plugin is explained and the main elements and parameters are discussed in more detail:
https://mindforapps.com/plugin_details/scrollable-animationhttps://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_manual_1https://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_manual_2https://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_guide_pinhttps://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_guide_staggerhttps://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_guide_texthttps://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_guide_filtershttps://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_guide_customcsshttps://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_toolsAlso on the demo pages you can go to the editor (OPEN IN EDITOR) and view the provided demos in detail:
https://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_1https://scrollable-animation-plugin.bubbleapps.io/version-test/scroll_animation_2