[ScrollTrigger Help]

first of all i'm so sorry. I am trying to improve my English 😅

actually i'm trying to do exactly that:

 

https://streamable.com/01wmiz

 

@OSUblake @akapowl

[ScrollTrigger Help]

I want processes to start after black goes above orange and 

<div class="panel blue"> Contant 1</div> 
<div class="panel red">Contant 2</div>
<div class="panel orange">Contant 3</div> 
<div class="panel purple">Contant 4</div> 

the contents overlap I can fix this problem

See the Pen jOaZwmL by rimedtades (@rimedtades) on CodePen

[Code Review Pls]

I made the move I wanted but I think too much code and doesn't seem very flexible.

How can i make it shorter and more flexible? 

See the Pen Rwjjzar by rimedtades (@rimedtades) on CodePen

[pin instead of position:fixed.]

you saved my life again.thank you

[pin instead of position:fixed.]

yes, it's a css topic. I wanted to get help because I couldn't. Normally it needs to be centered with this code

 

left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);

 

images do not appear when I use these codes, when I change these codes, it's not responsive.

See the Pen RwpRGxv by rimedtades (@rimedtades) on CodePen

 

it happens partially when I use flexbox, but mobile seems problematic

body {

  height: 1000px;

  background: #000;

  display: flex;

  justify-content: center;

}

[pin instead of position:fixed.]

in this example, I want to use a pin instead of position:fixed.

 scrollTrigger: {
    pin: "#hero-lightpass",
    scrub: 0.5
  },

I can't Center the pictures when I do this.

 

See the Pen 2152a28cffe2c2c0cca8a3e47f7b21c6 by osublake (@osublake) on CodePen

[How To Use ScrollTrigger change texts]

Exactly this. Thank you very much @Cassie I won't forget you🥰

[How To Use ScrollTrigger change texts]

you're a superhero @Cassie 😃I studied the documentation and learned a lot of things I didn't know. I hope I can finally ask you something🙂

https://streamable.com/u6lsrp exactly like in the video,how can we extract the second text as soon as the first text ends?

[How To Use ScrollTrigger change texts]

Thank you for taking care of it @Cassie .I can't read documentation because my English is not good but trying to improve my English🙂 it slides up as it passes from the first text to the second text. Instead of sliding up when the first text disappears, we can reduce its opacity ? I'm working on, but I can't.

See the Pen poegmmY by rimedtades (@rimedtades) on CodePen

[How To Use ScrollTrigger change texts]

first of all thanks @BrianCross.  what about when we add another text?  actually the text transitions on apple's airpods pro website exactly what I want

[How To Use ScrollTrigger change texts]

hi friends,

I'm new. There are a few texts. Text must be fixed in the middle. I want the text to change as you scroll down the page(opacity 0 to 1). Thank you for helping me