rexbradford

Members

rexbradford's Achievements

Trying to use ScrollTrigger to scale down a full screen image and have the content below move up in sync

rexbradford replied to rexbradford's topic in GSAP

Brilliant Cassie. Animating 'from' instead does the trick! A few little tweaks and it's doing exactly what I wanted it to. Thanks for your help.
- August 17, 2022
- 5 replies
- - 1
- - fullscreen
  - scrolltrigger
Trying to use ScrollTrigger to scale down a full screen image and have the content below move up in sync

rexbradford replied to rexbradford's topic in GSAP

Thanks for your swift comment Cassie. I thought that might be the case but wondered if there was a way to programmatically/dynamically remove that white space whilst scrolling. No easy solution I guess.
Trying to use ScrollTrigger to scale down a full screen image and have the content below move up in sync

rexbradford posted a topic in GSAP

In the attached codepen I'm trying to get the full screen image to scale down on scroll, which does work, but I can't seem to get the content below the image to sit directly below the image after the scale has happened. I've tried playing around with pinSpacing but this doesn't seem to resolve the problem. Any help is much appreciated as I've been playing around with this for what seems like hours to no avail.