react-spark-scroll icon indicating copy to clipboard operation
react-spark-scroll copied to clipboard

Spark Scroll animates 3 more times slowly after scroll comes to a complete stop.

Open tmdpark opened this issue 7 years ago • 0 comments
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>

tmdpark avatar Mar 02 '18 20:03 tmdpark