Community forum for knowledge and support

Updated 11 months ago

Troubleshooting lottie animation issues on hover

At a glance

The community member is having an issue with two Lottie animations not working on hover, while the others are working as expected. The community members discuss possible reasons, such as conflicting animations or issues with the Lottie playback function. They suggest trying different approaches, such as creating a reusable animation or avoiding setting the initial state. However, there is no explicitly marked answer in the comments.

Useful resources

SSara Margolies

I'm having an issue. I have it set that the lottie animations will start on hover, but for some reason 2 of them are not working.
Any idea why?

Read only link

The Increased Revenue and Superb Service Icons are not working. Thanks

11 comments

MMike

Works for me, guessing you've fixed them already 🙂

SSara Margolies

on hover?

SSara Margolies

no I did not

SSara Margolies

The animation works when they load, but on hover it does restart the animation

SSara Margolies

See here
https://www.loom.com/share/499d098d2e1f4d9bb77735974aa69837

MMike

Ah with you, on scroll and on hover is what you're looking to do... taking a look around now

MMike

The Lottie playback function seems to be bugging out for some reason. I'd switch the approach and create an animation, which you could reuse for all the Lotties. Just make sure it's on the interaction trigger.

MMike

Quick change: Don't set as initial state, hover doesn't initially work with having another scroll interaction...

SSara Margolies

Thank you . Why would it not work just on those 2?

SSara Margolies

Could it have to do with other animations I have on the lottie maybe for when they scroll in? Is that possible?

MMike

No problem. I'd make a similar guess as you - most likely conflicting animations

Add a reply