Move Content to Static Header

[thindjinn 0 Likes (Newbie)]

Hello, I'm new here. I'm redesigning my personal website and I wanted to make the current position of the social icons change to be part of the header once they are scrolled over. I wanted some type of animation timing effect that was triggered by the position on the page. 

 

This is my first time playing with Tween and Timeline, so I'm really a novice as to how things work. I've been playing with it, but all the extra effects will most likely be removed once I figure out exactly what it is I need and whether or not Tween can handle it. 

 

So here it is: http://marlonstevenson.com 

[Carl 9,066 Likes (Superhero)]

Hi and welcome to the GreenSock forums.

 

Thanks for trying GSAP.

 

We really try to focus on helping people how to animate and not so much on the finer points of JavaScript and CSS. What you need to do could require some special attention with both. 

 

The good news is that jQuery makes it fairly easy to respond to scroll events, so it can be fairly straightforward to trigger a GSAP animation when the user scrolls.

 

Here is a very basic implementation:

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