jjy9331 / pfjjy_nextjs

0 stars 1 forks source link

gsap horizontal scroll last element y increase animation #6

Open jjy9331 opened 1 year ago

jjy9331 commented 1 year ago

If I try to specify and control it as a timeline, the start and end points work first.

At the end of horizontal scroll, pf_more must increase y value or transitionY value.

Or you will have to look for another solution.

jjy331 commented 1 year ago

Shouldn't we define "pf_more" by looking at the trigger that works horizontal scroll?

Or ask chat gpt

jjy9331 commented 1 year ago

Idea1

https://www.youtube.com/watch?v=PeFqGrEHnp0

Unlike the solution in this url, if multiple triggers are configured horizontally with flex in one section, wouldn't it be possible to control individual elements with the scrolltrigger timeline, from, and to?

jjy9331 commented 1 year ago

Idea2

Horizontal swipe ?

https://swiperjs.com/demos

jjy9331 commented 1 year ago

Handy tool when performing 1 animation per 1 element of html. However, it is difficult to manipulate various animations on various html elements.

You can control animations with a high degree of freedom by directly adjusting usestate, useeffect, useref, and if statements on a pixel basis.

like a skrollr