I'm confused about markers

[HeroMeiKong]

What I want is to delete markers, but it works

See the Pen RwaPQyq by HeroMeiKong (@HeroMeiKong) on CodePen

Edited August 10, 2020 by HeroMeiKong

[ZachSaucier]

Hey HeroMeiKong and welcome to the GreenSock forums. Would you please create a minimal demo that shows the issue?

 

[elegantseagulls]

Hi @HeroMeiKong,

I'm pretty sure this is due to your div {} styling. When you add markers, a <div> is appended to the page to hold them, so these markers are inheriting the div styling from your stylesheet, thus affecting your layout/page. It's best to add a utility class and avoid generic element styling like this.

Also, adding a minimal example, or at least indenting your code, would be very helpful in trying to debug/understand what's happening.

[HeroMeiKong]

On 8/7/2020 at 9:34 PM, ZachSaucier said:

Hey HeroMeiKong and welcome to the GreenSock forums. Would you please create a minimal demo that shows the issue?

 

this is my CodePen Deme, 

[elegantseagulls]

Hi @HeroMeiKong,

 

You need to turn your pinSpacing to true. ScrollTrigger is creates a Fixed position element on your #root div, and the way you have your HTML and CSS setup, this isn't allowing the page to scroll, the pinSpacing option should fix this.

[HeroMeiKong]

14 hours ago, elegantseagulls said:

Hi @HeroMeiKong,

 

You need to turn your pinSpacing to true. ScrollTrigger is creates a Fixed position element on your #root div, and the way you have your HTML and CSS setup, this isn't allowing the page to scroll, the pinSpacing option should fix this.

It works, thank you so much.