Help with Scroll Animation on Dynamic Featured Image Please!

[core365]

Hi, I’ve just come across the Dynamic Featured Image which I’m trying to use to animate a logo which is activated when the user scrolls to near to it. However I’m struggling to do it! I’ve selected the ‘Tada’ Animation for ‘In’ and I’m not interested in the ‘Out’ as I want it to stay static on the page after it’s been activated.

I’ve searched for any documents or posts regarding the Dynamic Featured Image but I can’t find anything. I can’t seem to set it so the animation is activated when you are scrolling near it so you can see the ‘Tada’ animation on screen, as at the minute it does it just off the screen!

I’ll appreciate it if you could give me a link to any documentation you have on this, as I couldn’t find it myself.

I’d also like to know how to use the other settings, ‘Filter’, ‘Offset’, ‘Behaviour’ please.

I’ll put the URL in a secure note as I’ve got a maintenance page up at the minute as I’ve just literally started to build the site, so I’ll give you the By Pass Passcode to view the site and also the admin login if needed.

The animation I’m referring to is on the Home page, it’s the house icon from the logo which is below the slider.

Thanks!

[nabeel]

Hi @core365,

Thank you for reaching out to us. The Scroll effect works when the Element comes into view or the Element leaves the viewport. You can learn more about the Scroll effect here https://theme.co/docs/effects-module#scroll

To find out more about other controls (‘Filter’, ‘Offset’, ‘Behavior’) please see https://theme.co/docs/effects-module

Hope this helps!

[core365]

Hi @nabeel,

That’s great, thanks! I went to the Documentation area, but was looking for something else with a different title instead of Effects Module! I’ll take a look through it.

Thanks!

[ruenel]

You are most welcome @core365.