CodePen Home Cuberto Cursor

[akapowl]

You can check the locomotive-scroll example on the .scrollerProxy() documentation page.

 

// --- ORANGE PANEL ---
gsap.from(".line-2", {
  scrollTrigger: {
    trigger: ".orange",
    scroller: ".smooth-scroll",	// <--- This needs to point to the container that locomotive is 'scrolling' on
    scrub: true,
    pin: true,
    start: "top top",
    end: "+=100%"
  },
  scaleX: 0, 
  transformOrigin: "left center", 
  ease: "none"
});

 

or set defaults beforehand for all your STs

 

ScrollTrigger.defaults({ 
  scroller: '.smooth-scroll' // <--- This needs to point to the container that locomotive is 'scrolling'
});

 

 

 

[DanyyPoch]

3 hours ago, akapowl said:

You can check the locomotive-scroll example on the .scrollerProxy() documentation page.

 

// --- ORANGE PANEL ---
gsap.from(".line-2", {
  scrollTrigger: {
    trigger: ".orange",
    scroller: ".smooth-scroll",	// <--- This needs to point to the container that locomotive is 'scrolling' on
    scrub: true,
    pin: true,
    start: "top top",
    end: "+=100%"
  },
  scaleX: 0, 
  transformOrigin: "left center", 
  ease: "none"
});

 

or set defaults beforehand for all your STs

 

ScrollTrigger.defaults({ 
  scroller: '.smooth-scroll' // <--- This needs to point to the container that locomotive is 'scrolling'
});

 

Thank you, id don't understand why I have this error 

 

 

[OSUblake]

That code means you're not loading gsap, or your animation script is before your gsap script.

[DanyyPoch]

2 hours ago, OSUblake said:

That code means you're not loading gsap, or your animation script is before your gsap script.

Thank you, do you know why this those elements don't start together?

[akapowl]

 

Is this the same question as in the other thread you created @DanyyPoch?

 

 

If so, let's keep things within the other thread then, as this thread here has exceeded the orinigal topic already.

If it isn't the same question, it would be great if you could create a new thread for that and add a minimal demo.

 

[DanyyPoch]

21 minutes ago, akapowl said:

 

Is this the same question as in the other thread you created @DanyyPoch?

 

 

If so, let's keep things within the other thread then, as this thread here has exceeded the orinigal topic already.

If it isn't the same question, it would be great if you could create a new thread for that and add a minimal demo.

 

No, in this case I asked why animation start in different time with same timeline but I solved it.