Pauline Brothier

Thanks you, it's perfect, it helps me a lot!

Hello! I'm working on an horizontal scroll section and inside this section I would like to animate the big text : "We" and "Are". I would like to have a splitText reveal animation, letter by letter, on scroll. The animation works, but only after the page is loaded, not on scroll. I don't know why. Also I would like to know if it's possible to snap the screen when the colored boxes are in the middle of the screen. To make the scroll stop a bit to see the box. Thanks for your help ?

Thanks for your answer. I corrected the end part and I tried my codepen on an other computer and it looks good, no weird gap. So it must be from my mac. The bug is visible on mobile device too. Thanks

Thanks for your answer. I'm on masOS Catalina, MacBook Pro (Retina, 15-inch, Early 2013), processor 2.7 GHz quad-core Intel Core i7, memory 16 Go 1600 MHz DDR3, Intel HD Graphics 4000 1536 Mo. Thanks

Yes ! It's perfect. I couldn't get by with the syntax ? And thanks for the advice too!

Hello! I was wondering how I can be able to run this animation not on load, but on scroll. I tried on my end, but the animation run only one time and I wasn't able to reverse it... Thanks

Hi, It's more visible when you're on fullscreen. You can see it on this video : https://streamable.com/k3n3i1 I'm on Chrome the latest version (102). Thanks

Hi everyone! I try to create a kind of tabs animation, with pinned sections on scroll. It works fine, but when I scroll back to the top to unfold the tabs, I have a small glitch/white space between each pinned section. I don't know how to avoid that. Thank you for your help.

Great ! Thanks @mvaneijgen It is the solution I was searching. Perfect

Hello! I'm trying to improve my animation. I have a lottie animation and a colored circle which appears when the animation is over. Everything works fine, but to make it perfect, I would like the circle to appear a little before the end of the animation. I tried to add a delay to my onLeave function to overlap the lottie animation, but it's not working. If someone has a solution to help me improve my animation it would be perfect Thanks a lot

Thanks @akapowl the first solution with onLeave/onEnterBack callbacks works as I wanted, it's perfect!

Hi! I tried, but this is not the result that I looking for. Using onReverseComplete, the div don't disappear before all the scroll animation up is finished. I would like the div appears when the animation is finished but disappear again when the animation reverse start. I hope I'm clear ?

Hi everybody! I'm struggling to find when my animation is active or when it's not. I would like to display a div (#my-svg - the purple circle) when the animation is over, after scrolling, which it's working fine now, but when I scroll backwards, I would like that div to disappear. So I tried to find when the animation is active or not but it doesn't work, maybe because I use goToAndStop? I feel like it's not a big deal, but I can't seem to find the right methodology. Thanks for your help

So I found a solution thanks to this topic : By changing the speeds number and the scrub, it works fine on all browser. Thanks everyone!

Thanks, but as I use Lottiefiles, I'm not sure I can : https://github.com/airbnb/lottie-web/issues/89