How to chain timeline and scroll observer

[SubhrajitDG]

I have a timeline in which i am chaining multiple animations on a particular element, one specific animation being the element scales from 0 to 60.

After all the animations in the timeline are done i want to add scroll linked animation on that particular element where the element scales from 60 to 100 on scroll, but i am unable to do so, if i add scale autoplay onScroll on the element it skips the initial 0 to 60 scale included in the timeline.

Kindly help me figure this out, i want to play both the timeline scale animation and then the onScroll scale animation both

[VR-Rathod]

I am Not sure but may be this type of code can help: -

// first static animation
import { createTimeline, animate } from 'animejs';

const tl = createTimeline();
tl.add(element, { scale: [0, 60], duration: 1000 });

// Then initialize scroll-linked animation

tl.then(() => {
const scrollAnim = animate(element, {
scale: [60, 100],
autoplay: false,
// no autoplay yet
});
const observer = onScroll({
container: '.scroll-container',
enter: 'top center',
leave: 'bottom center',
sync: true
});
observer.link(scrollAnim);
});

[SubhrajitDG]

Thanks for your reply, i will try this one