JakeWhiteleyDev
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by JakeWhiteleyDev
-
-
@GreenSock It's been almost 2 months since this thread was posted and the regression is still present in the latest NPM version.
Bumping this thread so others can find the fix :)
- 2
ScrollTrigger: Image sequence scroller inside first horizontal scroll slide
in GSAP
Posted
Personally I wouldnt consider it as a scroll to the right at all.
What if you were to pin the image parent div for
2 * viewport height
(as a suggestion), and then had a scrubbed animation which animated thexPercent
of the img container -50% (assuming the two child images are of equal width). As you can scrub whole timelines with no effort, you can still animate the bg position as you are now in this scrubbed timeline.That way the user is only every scrolling along the Y axis, but as the images are pinned it looks like they are scrolling horizontally.
Faking scroll direction is by far easier than actually making the browser scroll left/right etc.
Your codepen is basically this already