Jump to content
Search Community

Locomotive / ScrollTrigger Integration

pietM test
Moderator Tag

Recommended Posts

Hi everyone, 

I've reviewed the codepen solution for Locomotive / ScrollTrigger Integration (

See the Pen 1dc38ca14811bc76e25c4b8c686b653d by GreenSock (@GreenSock) on CodePen

), but am having difficulty implementing a simple ScrollTrigger animation in my own case. In the attached example, I'm trying to apply a simple fade to the images on scroll. 

Thanks for your help, 

See the Pen BajYYRM by euqio (@euqio) on CodePen

Link to comment
Share on other sites

There were a few problems:

  1. You weren't loading the beta version of ScrollTrigger - scrollerProxy() is a new feature in 3.4.0 (soon to be released)
  2. You didn't actually set up the proxy stuff until AFTER you created your ScrollTriggers/animations. So at the time those get created, they look for any proxies and none exist, so they hook into the "real" element. 

I assume this is what you intended, right?:

See the Pen 84da4acf4cc292788d1099783ebbc685?editors=0010 by GreenSock (@GreenSock) on CodePen

 

  • Like 4
Link to comment
Share on other sites

Thanks, Jack!

This is exactly what I was hoping to achieve. Thanks for taking the time. 

Is there a way to link to the new beta version of ScrollTrigger to test with more ScrollTrigger(ing)? :)

 

I've learned so much from the support here and love GSAP.   

Thanks for all! 

  • Like 1
Link to comment
Share on other sites

4 hours ago, pietM said:

Is there a way to link to the new beta version of ScrollTrigger to test with more ScrollTrigger(ing)? :)

 

Absolutely. The beta was linked to in that codepen. Here's the URL: https://assets.codepen.io/16327/ScrollTrigger.min.js

 

4 hours ago, pietM said:

I've learned so much from the support here and love GSAP.   

Thanks for all! 

I'm so glad to hear that. Yeah, these forums are an amazing place to learn. In case you didn't notice, people are quite friendly around here too. 

 

Welcome!

  • Like 3
Link to comment
Share on other sites

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...