Jump to content
Search Community

Marker position not matched with actual item

Webtheoria
Moderator Tag

Go to solution Solved by GSAP Helper,

Recommended Posts

Webtheoria
Posted

Hello on horizontal scroll, the marker position does not match with the items position. 

See the Pen zxOQOZw by swaranan (@swaranan) on CodePen.

  • Solution
GSAP Helper
Posted

It looks like you tried applying ease: "none" to the timeline (impossible) instead of the tween. 

const tl4 = gsap.timeline({
  ease: "none", // <- BAD!
  ...
});

tl4.from(logosWrapper, {
	ease: "none", // <- GOOD
	x: logosWrapperWidth + containerOffsetLeft
});

Does that resolve things for you? 

  • Like 1
Webtheoria
Posted
10 hours ago, GSAP Helper said:

It looks like you tried applying ease: "none" to the timeline (impossible) instead of the tween. 

const tl4 = gsap.timeline({
  ease: "none", // <- BAD!
  ...
});

tl4.from(logosWrapper, {
	ease: "none", // <- GOOD
	x: logosWrapperWidth + containerOffsetLeft
});

Does that resolve things for you? 

Thanks. It solved. 

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...