Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Kokku

BusinessGreen
  • Posts

    4
  • Joined

  • Last visited

Posts posted by Kokku

  1. Hi!

     

    I have made a scrollable overlay that transitions to show the page under it. I want the overlay to disappear when scrolled to bottom.

     

    I have set it to trigger the animation on start: 'top 1' and it works great.

     

    I just can't understand why start: 'top top' doesn't work - is it a bug or is there some logical explanation? :D Thanks!!

    See the Pen dyzjKzz by matias_autio (@matias_autio) on CodePen

  2. On 2/25/2021 at 9:44 PM, GreenSock said:

    That'll clear all inline CSS properties of each tween's target as soon as each tween is done. That's probably not what you want. If you really want to clear everything at the end of the timeline:

    
    gsap.timeline({ onComplete: () => gsap.set(".all-your-targets", {clearProps: true}) });

    That's highly unusual, though. You do realize that'll revert any changes that were made by the animations, right? 

    I found this approach useful for animating a modal in, and then when the closing animation completes to revert the modal element to its original state so it can be opened again.

    • Like 1
×