ScrollTrigger Horizontal doesn't do his thing in mobile

[BeatlesBOB]

Hello, I'm trying to make a Timeline using scrolltrigger, I'm quite new to gsap and developpement.
The thing works quite fine but on mobile, when I press f12 the scrolltrigger doesn't pin and animate.
 

Have you  any idea to solve this ?

See the Pen LYjWwxG by beatlesbob (@beatlesbob) on CodePen

[Cassie]

Hi @BeatlesBOB,

 

I'm afraid I'm not sure what you mean by 

1 hour ago, BeatlesBOB said:

when I press f12 the scrolltrigger doesn't pin and animate.

F12 on my mac is just a volume button - have you got a shortcut to something on your machine?

What are you expecting to happen?

[akapowl]

1 hour ago, BeatlesBOB said:

The thing works quite fine but on mobile, when I press f12 the scrolltrigger doesn't pin and animate.

 

Hello @BeatlesBOB

 

Try setting overflow-x to hidden on your .wrapper - that overflow is probably what's causing the whole layout to shift in that view. It does fix it for me - is that better for you, too?

 

Edit: I suppose you are talking about the dev-tools opening on press of F12 (Chrome on Windows does that) and the mobile view of the dev-tools accordingly-.

 

.wrapper{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
}

 

[BeatlesBOB]

13 minutes ago, akapowl said:

 

Hello @BeatlesBOB

 

Try setting overflow-x to hidden on your .wrapper - that overflow is probably what's causing the whole layout to shift in that view. It does fix it for me - is that better for you, too?

 

Edit: I suppose you are talking about the dev-tools opening on press of F12 (Chrome on Windows does that) and the mobile view of the dev-tools accordingly-.

 

.wrapper{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: hidden;
}

 

Hi, thank you for your reply, Yhea it totally do the job, thank you very much, and I was talking about dev tools, sorry for my poor explanation. @Cassie