[iPhone SE - A13 Animation]

@ZachSaucier @akapowl @tailbreezy 

 

guys please help me on this.

[Image Comparision on Scroll overlaps the sections]

8 minutes ago, akapowl said:

 

Hey @orca_rohit

 

I'm not sure I understand, but I don't think it starts earlier than it should.

To me it looks like more of a CSS layout question.

 

Since you did not specify a height on your sections before the image-comparison but only a min-height, that is what your sections will be set to.

To me the ScrollTrigger part looks like it's doing what it is supposed to.

 

But maybe I am misunderstanding?

 

 

@akapowl when I posted this I didn't checked my css file. but after a while i got that it was happening due to css. so I changed the css and marked that codepen as a solution.

 

[Image Comparision on Scroll overlaps the sections]

hi I saw an example of image comparision in gsap docs. I liked it and thought to customize it on my own way.

Though i was able to customize it in my own idea, I noticed that the elements are overlapping the sections and the animation is starting very early than it should.

Kindly help.

 

Sorry Guys it was just a css issue, but still i would like your opinions if this bit i got properly.

See the Pen zYoMJNa by orca_rohit (@orca_rohit) on CodePen

[iPhone SE - A13 Animation]

On 3/9/2021 at 12:13 AM, ZachSaucier said:

What specific question about GSAP do you have?

We want to achieve the same thing using Gsap.

Things we want to do here is.

1.pin the element when it comes to viewport.

2. complete the animation

3.scroll the next section when the animation is complete

[iPhone SE - A13 Animation]

12 minutes ago, ZachSaucier said:

 

That account is of my college. The question he asked there was achieved. but now we want to use GSAP to achieve this animation as we want to pin the section and when the animation is complete then the other sections to scroll up.

Also sharing the new codepen link that we have tried to make.

See the Pen NWbzpYo by tejasks_opus (@tejasks_opus) on CodePen

[iPhone SE - A13 Animation]

Hi I am trying to recreate stevenlei's work on A13 animation with Gsap.

I tried on my own but the other elements below the A13 section are coming above it.

Please help.

See the Pen LYpZjRK by stevenlei (@stevenlei) on CodePen

[Freeze the section on scroll and then scroll the background image]

18 hours ago, tailbreezy said:

Could be million of reasons. You can share your master code or a create a demo with the relevant parts.

I have made a git repository and below is the link.

https://github.com/orcarohit89/Shoecompany

 

Please tell help me, not sure what am I doing wrong 

[Freeze the section on scroll and then scroll the background image]

this works when I see it in another html file.

but when i add use the same in the master code it doesn't . 

[Freeze the section on scroll and then scroll the background image]

Hi,

I am very new to gsap, so please help me out

There's a part of the design the section is having a text in center and the background image.

What I want to achieve using GSAP is to freeze the section when it comes to the top of viewport and scroll the background image while the center text is also fixed in the middle of the section.When the background image reaches the last scroll then the next section scroll over it.

Here is a video link for better understanding.

Click here to see the reference video