react-spark-scroll
react-spark-scroll copied to clipboard
Spark Scroll animates 3 more times slowly after scroll comes to a complete stop.
trafficstars
[https://greensock.com/forums/topic/17956-weird-behavior-with-tweens-on-scroll/?tab=comments#comment-81978](GreenSock Forum)
Any idea why Tweened elements animate 3 more times really slowly after scroll comes to a complete stop? This bug can be reproduced by going to my site here. And scrolling down to work section and stopping while divs are still being tweened.
This only happens when translate3d properties are being animated.
Here's some example code:
<SparkScroll.h2 timeline={{ ease: 'easeOutCubic', topBottom: { opacity: 0, transform: 'translate3d(0,60px,0)', }, topCenter: { opacity: 1, transform: 'translate3d(0,0,0)' }, }} className="header" > work. </SparkScroll.h2>