I'm having ScrollTrigger Issues on Horizontal Scroll in GSAP 3

Newbie_Jim · February 16

I am currently having some problems with my first time using GSAP.

How can I make the box area have the effect of the program in the CodePen？

See the Pen QWNqBvL by GreenSock (@GreenSock) on CodePen

GSAP Helper · February 16

Welcome to the forums, @Newbie_Jim.

I read your question several times and I don't understand what you're asking, sorry. Can you please be more specific?

Here are some tips that will increase your chances of getting a relevant answer:

A clear description of the expected result - "I am expecting the purple div to spin 360degrees"
A clear description of the issue - "the purple div only spins 90deg"
A list of steps for someone else to recreate the issue - "Open the demo on mobile in IOS safari and scroll down to the grey container"
A minimal demo - if possible, using no frameworks, with minimal styling, only include the code that's absolutely necessary to show the issue. Please don't include your whole project. Just some colored <div> elements is great.

Newbie_Jim · February 16

I want to achieve this effect.

Rodrigo · February 16

Hi,

This is not a simple thing to achieve but not extremely complicated neither. Is about layout and the initial setup of your elements:

Here is a demo that uses GSAP and ScrollTrigger for this:

See the Pen eYxOXPP by GreenSock (@GreenSock) on CodePen

Hopefully this helps you getting started.

Happy Tweening!

Recommended Posts