[Timelinelite designed for full page scroll sites?]

On 11/22/2019 at 7:39 PM, ZachSaucier said:

Sorry, I don't understand what this means. I'm guessing it is likely a problem with conflicting tweens. You might need to play around with things to get it working (or just change it so that there isn't any conflict which is the easier method). 

 

This is a forum focused on GSAP and I don't have time to help you with every thing that goes wrong in your project - sorry, I wish I had more time!

Thank you for your time

[Timelinelite designed for full page scroll sites?]

11 hours ago, ZachSaucier said:

TweenLite.defaultOverwrite = "allOnStart";

This works as expected. I have updated codepen you can check But now first time when we scroll 1st slide to 3rd slide it's working fine but when we scroll reverse(scroll up from 3rd to 1st slide) 3rd to 2nd slide working fine but when we scroll 2nd slide to 1st slide there is opacity issue in class="section section2"  it should be opacity 0 in 2nd slide(that time current slide is 1st slide .section1) instead of .7/.8 you can check.

Also I need your help for button which is left side center align. I have added some code for active status & click to play particular slide but not working perfect.

 

Thanks

See the Pen bGGZNmE by jaimindarji07 (@jaimindarji07) on CodePen

[Timelinelite designed for full page scroll sites?]

1 hour ago, ZachSaucier said:

Sorry, I am not understanding what you're saying. You'll have to be more explicit.

Okay Let me be more specific.

 

Check my codepen now I have updated time from .2 to .7 in animations[0], animations[1], animations[2] all the three slides. You can find that time in updated code is .from('.section1 .portfolio-inner-image',.7,{yPercent:100})

Now you can see the scroll animation issue from 2nd slide. 1st slide animation is working fine which have blue background but the 2nd slide animation(orange background) not working properly is showing visibility hidden, opacity 0 instead of visibility visible, opacity 1.

If I will change this .7 to .2 .from('.section1 .portfolio-inner-image',.7,{yPercent:100}) in all slide then it will work fine as you saw before.

Let me know If still you are not getting my point then I can send you video of the issue.

[Timelinelite designed for full page scroll sites?]

15 hours ago, ZachSaucier said:

It seems to be working fine for me from what I can tell. What do you mean "it breaks"? 

Please check the scroll from 1st slide to 3rd slide top to bottom or bottom to top repeatedly, there you will a glitch

[Timelinelite designed for full page scroll sites?]

@ZachSaucier Check this codepen animation I have created where I'm facing an issue which is If we try to change timing of object(portfolio-inner-image) then it breaks. i.e. if you try to change time of class(portfolio-inner-image) from 0.2 to 0.7 in JS; it breaks.

 

See the Pen bGGZNmE by jaimindarji07 (@jaimindarji07) on CodePen

[Timelinelite designed for full page scroll sites?]

@ZachSaucier  I want to add remove class in active slide

This is the code link

See the Pen XmozON by MAW (@MAW) on CodePen

[Timelinelite designed for full page scroll sites?]

On 11/13/2015 at 5:17 PM, Diaco said:

Hi ridiculous 

Can you please help me

I want to add remove class in active slide