[Draggable Div]

I don't think I need to duplicate it, looking at this again today, I think my problem is more with math,

I have these numbers:

$('#timeline').width() // 3840 - total width of my div with the years
$('#timeline').position().left // random number - 
$(this).position().left // random number - when click on the year $(.year.year-active)
$(window).width() // 1920 - the size of my screen


var tl = new 
TimelineLite();
tl.to($('#timeline'), 1, {x: /*I have no idea of what to put here*/ })
                          

 

It'll slide my timeline, but how to calc it correctly :/

[ScrollMagic Effect With GSAP]

I would say you can use both:
https://alvarotrigo.com/#pagepiling

https://alvarotrigo.com/#fullpage

The parallax you apply on the background-image with any other plugin or with CSS

 

[Draggable Div]

Hi, I have this code on codepen, When I click on the Year, I'd like to move the active to the center, How can I do that?

See the Pen RQgRwN by sktklaus (@sktklaus) on CodePen

[Scrollmagic and 2 tweens]

See the Pen xPjZKj by sktklaus (@sktklaus) on CodePen

Is it what you said?

Instead of 100 I'm using 90, but seem to work now

[Scrollmagic and 2 tweens]

I can't work with Codepen,

 

This website is under heavy load (queue full)

We're sorry, too many people are accessing this website at the same time. We're working on this problem. Please try again later.

 

Error 502 bad gateway.

 

Is that normal?

 

[Scrollmagic and 2 tweens]

I need to reopen this topic, the way I did was working in many computers here, but it was because they all have the same height,
when I resize the window it breaks the animation, can you help me?

See the Pen xPjZKj by sktklaus (@sktklaus) on CodePen

 

[Scrollmagic and 2 tweens]

I used the yPercent, it worked as magic.

I am really sorry for not posting on codepen, I realise that posting there it helps more me than you.

Thank you so much

 

[Scrollmagic and 2 tweens]

I tried to set the same height, margin, time for both, but didn't work, the first list is still running faster.
 

[Scrollmagic and 2 tweens]

Sorry about my english..
I'm closer to get what I want here http://withininternational.com/

but there are many bugs yet, I have no idea why the 2 lists go in a different speed.

 

 

[Scrollmagic and 2 tweens]

Hi, I am trying to achieve an effect that when I scroll the page I move two different lists of words,

and I can see just two word per time (one of each list).

After I see the 6 words, I unpin the lists and go to another section.

 

and I know I'm doing it quite wrong, so I'm asking for some help or tips.

 

Thank you.

See the Pen xPjZKj by sktklaus (@sktklaus) on CodePen

[Slow render - how to make it better]

8 minutes ago, GreenSock said:

I know I'm asking to much for the browser and know that is not a problem with the gsap plugin.
I got the idea from here http://www.ptvgroup.com/mobilitynext/  which uses canvas, I'll try it and see if is possible to use this amount of paths at once, but thank you very much for the great reply.

 

 

[Slow render - how to make it better]

How should I morph many shapes/paths into a new one, I want to play with about 5 or 10 times more than in the example.

See the Pen xPRWJJ by sktklaus (@sktklaus) on CodePen