[ScrollTrigger can't scroll to the max value after resize, why?]

ScrollTrigger.create({

            scroller: document.documentElement,

            start: 0,

            end: () => this.scrollHeight,

            invalidateOnRefresh: true,

            scrub: true,

            onUpdate: self => {

                console.log(self.progress + "////");

            }

        })

 

after resize, why can't scroll to the max value ? 

function-base value and invalidateOnRefresh   I  have set.

thanks 

 

gsap version 3.7.1

[The moving distance when resize occurred.]

yes， thanks for resolving my problem.

 

[The moving distance when resize occurred.]

I want the div move to the end of the browser and repeat.

but when resize the browser how to change the y props  in the same time?

y: () => innerWidth     doesn't work?

thanks!

See the Pen wvexEOG?editors=0110 by leemoon123 (@leemoon123) on CodePen

[why SteppedEase does not work on rotation property?]

yes.  thanks !

 I made a simple mistake. it got the same state after rotate 90deg. SORRY..

[why SteppedEase does not work on rotation property?]

I want to rotate div 90deg per second, and  need use SteppedEase, not snap or other way.

but i fond that it doesn't work!

but it worked well at x, y , scale, alpha ,  but only rotation. why?

See the Pen wveaXQm by leemoon123 (@leemoon123) on CodePen

[keyframes does not work in version 3.7.1]

@nicofonseca    yes!  thank you  so much!

stagger keyframe is more useful!

[keyframes does not work in version 3.7.1]

OK @nicofonseca thanks !😘

[keyframes does not work in version 3.7.1]

and  how to set the same duration for each keyframe , or set the total amount for the whole tween?

i think the version (eg 3.6.1)  is better here.  it's breeze.

[keyframes does not work in version 3.7.1]

OK, thanks, i get it.  but i did not set the duration  for each keyframe was working  before the version 3.7.1

[keyframes does not work in version 3.7.1]

keyframes does not work in version 3.7.1

why? how to resolve ?

See the Pen zYwgOWE by leemoon123 (@leemoon123) on CodePen

[Flip plugin onEnter is not working, why?]

Thanks for you all!  Totally solved my problem. That is what i want.

 

[Flip plugin onEnter is not working, why?]

53 minutes ago, OSUblake said:

You probably need to use the targets property. If you need more help, please provide a minimal demo.

 

 

i have updated. please take a look .

[Flip plugin onEnter is not working, why?]

why it doesn't into the onEnter function?

and how to add an animation with the created div node? 

See the Pen OJmrEGw by leemoon123 (@leemoon123) on CodePen

[how to snap in gsap.to?]

 

snap property is taken error in version 3.7.0

when  animate  0 to 100,   how to snap 1 ?

[how to set reverse ease?]

thanks for all. thanks for resolving my problem! 

21 hours ago, Leemoon said:

 

 

[how to set reverse ease?]

How to set reverse ease??

for example:

let tl = gsap.timeline({
    paused: false,
    defaults: {
        duration: 3,
        ease: "power3.in"
    }
})

tl.to(".div1", {x : 500});
tl.to(".div2", {y : 500});

tl.play();

///// when called play,  ease: "power3.in" is working.

 

tl.reverse();

////but called reverse, ease  is not working,   how to set reverse ease? please~

[ShockinglyGreen install failed.]

hello,   i  have already added the .npmrc file followed the instructions. 

but i got failed at the second step.

what i should do ? please

[why the text quiver in my animation?]

Thanks for your replay!

But  please take a look at this demo from you.  

See the Pen MvPXqq by GreenSock (@GreenSock) on CodePen

,   there's no any quiver.

and the different is that   i build code with another way

i dont know what is the problem i face

 

 

[why the text quiver in my animation?]

why the text quiver in my animation?

See the Pen ZEppVOg?editors=0010 by leemoon123 (@leemoon123) on CodePen