How can I write more concise and efficient Tweens?
I've created an animated landing page for my portfolio using GSAP and ScrollMagic.js, but it's pretty resource intensive and I know my code isn't the most efficient.
How can I modify the code to create a smoother and more robust animation? And how can my JavaScript be condensed and more efficiently written to avoid repetition?
function pageScroll(e) {
var clicked = e.currentTarget.id;
if (clicked == "navWelcome") {
TweenMax.to($('#mainNav'), 0.4, {x:windowWidth});
T
Here is something a little more fleshed out with moving divs rather than backgrounds ...
See the Pen EEvrpG by sgorneau (@sgorneau) on CodePen
