Hi! I want to create horizontal slider. I already created it but my problem is the marker gone from the area of trigger element.

[Sakil_Anwar12]

Hello Buddy!

 

Pls asap help me to do this job.

See the Pen GRGNVMN by webdevsakil (@webdevsakil) on CodePen

[Rodrigo]

Hi @Sakil_Anwar12 and welcome to the GreenSock forums!

 

When creating a thread, besides the minimal demo (thanks for that! 🥳) is always an extra to be explicit about what you're trying to do. In this case it seems that you're trying to create a horizontal section using ScrollTrigger.

 

The main problem is that the panels container doesn't have any styles applied to it and also it should have a wrapper with overflow hidden in order to hide the elements. Here is a fork of your codepen:

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

Hopefully is enough to get you started.

 

Happy Tweening!

[Sakil_Anwar12]

Yeah! Now Perfectly working brother. But There has another problem, I don't need 100vh, I need only fit-content width.And when i visit first time , it is working perfectly but when we reload my website , the marker went out of the trigger section. Could you please give me the solution?

Edited November 9, 2022 by Sakil_Anwar12
I fount another problem in my code.

[GSAP Helper]

It's pretty tough to troubleshoot without a minimal demo - the issue could be caused by CSS, markup, a third party library, your browser, an external script that's totally unrelated to GSAP, etc. Would you please provide a very simple CodePen or CodeSandbox that demonstrates the issue? 

 

Please don't include your whole project. Just some colored <div> elements and the GSAP code is best (avoid frameworks if possible). 

 

Once we see an isolated demo, we'll do our best to jump in and help with your GSAP-specific questions.