we’ve just released our „Animate on Scroll“ plugin.
This element allows you to trigger animations within your page once the the user scrolls to them and they get into the view of the user. You can choose between 27 different animations, specify the duration/delay of the animation and choose if the animation should be repeated or only showed once. This plugin allows you to create much more dynamic web applications with a better user experience. You also do not have to take care of the users current scrolling position in reference to which element will be animated. This plugin will do all of that for you!
Also here is the full list of available animations:fade,fade-up,fade-down,fade-left,fade-right,fade-up-right,fade-up-left,fade-down-right,fade-down-left,flip-up,flip-down,flip-left,flip-right,slide-up,slide-down,slide-left,slide-right,zoom-in,zoom-in-up,zoom-in-down,zoom-in-left,zoom-in-right,zoom-out,zoom-out-up,zoom-out-down,zoom-out-left,zoom-out-right
Hi, what I couldn’t work out is if this can be used on a repeating group.
For example, let’s say I want to apply a scroll in from the left animation for each cell of a repeating group?
Is this plugin able to handle that? I worry because if each element ID needs to be set manually it won’t work. If it can handle dynamic input, then I think there is a chance it could work.
you can set element ids in a repeating group dynamically. One example would be to use “Current Cells Index #” as the element id.
Depending on what kind of data is in the repeating group you could also this data as an element Id, for example “Current Cells Title.”
Great to know, I have been using another plugin for animations, but when I came to use it for RGs I found out it did not support dynamic input and so it wouldn’t work.
I did contact the plugin designer to see if he could update it to support dynamic links, if he doesn’t do this I will definitely give this a go!
@Anticode , I see a note that this plugin doesn’t work if items are hidden on page load. Any chance this will change? I am wanting to find an animation solution that works with an RG on items that show conditionally.
hmm I can’t see from the screenshots what the issue might be. Could you please compare your setup to our demo app 3dimage | Bubble Editor to see if there are any differences?
I managed to get it to work, but it’s still not performing as advertised.
The issue seems to be a combination of things. Firstly the location of the plugin doesn’t seem to closely relate to the point at which the trigger happens, particularly when there are other elements that take a bit of time to load that then affect page length (such as an RG). The second issue is that the animation effect is happening too fast, even if I increase the duration from 1000 to say 50,000ms (I’ve experimented with a variety of durations - for example 3000ms duration effect lasts only about 800ms) - there is no discernible difference in the speed of animation? See video: https://youtu.be/90j_k9gQ_wg
This is a big problem as I require careful control of the duration of the effect, how can I achieve this?
Hi. I really appreciate your plugin since I really wanted to make my webpage more attractive with animation.
I just have one problem with the plugin.
I’m now making a mobile webpage with bubble using AOS, but turns out that the animation works only once after I edit the AOS workflow.
Does the AOS have any problems after using it for an animated group?
I want to apply the AOS to a main page that will be shown after the login page. (The main page will be shown in the same page as the login page, but it will be shown as a group after the user logs in)
This works once but after user refreshes the page, the AOS doesn’t work at all.
It will be great to have an answer.
Hi @bachelor.management, thanks for your patience, and sorry that it took so long.
Our plugin is scroll-to-animate, and it implements a library that works in this scenario, so regretfully it cannot be used for elements that on page load are already in the viewport.
Only an element below the viewport, that isn’t visible on page load would be animated, and we cannot change this behavior in the plugin. Sorry about that.
We also fixed a bug (sometimes animation wasn’t present for the first element in the plugin IDs), so please update the plugin to the newest version
Please let us know if there are any other plugin-related questions or suggestions that we can help with.
