Thanks for your insight, The information you provided has managed to help me sort my issue.
function pinQuotes() {
let elementHeight = quoteHeight;
quote_timeline.addLabel("One", 0);
quote_timeline.to(".quote-article-1", { y: "-" + elementHeight }, "+=0.5");
quote_timeline.addLabel("Two", "<");
quote_timeline.to(".quote-article-2", { y: "-" + elementHeight }, "+=0.2");
quote_timeline.to(".quote-article-2", { y: "-" + (elementHeight * 2) }, "+=0.2");
quote_timeline.addLabel("Three", "<");
quote_timeline.to(".quote-article-3", { y: "-" + (elementHeight * 2) }, "+=0.2");
quote_timeline.to({}, { duration: '0.5' });
}
For anyone interested, This is my Adjusted pinQuotes Function which was what I used to get this working as expected.
Thanks again for your assistance. I'm looking forward to using gsap in the future and learning more about this powerful library.
