[Using GSAP ScrollTrigger for Horizontal Scroll]

Thank you @Cassie I was able to fix it. Thanks again.

[Using GSAP ScrollTrigger for Horizontal Scroll]

Hi @Cassie

 

I have this onUpdate code

its giving me wrong section id
 

onUpdate: (self) => {

                        const slideIndex = Math.round(self.progress * (slides.length - 1));

                        const slideId = slides[slideIndex].id;

                        console.log(slideId);

                        updateActiveNav(slideId);

                        updatePrevNext(slideId);

                    },

[Using GSAP ScrollTrigger for Horizontal Scroll]

I think everything is working fine in code.It seems to be an issue because the functionality to make current navigation active is not working correctly.Is there any other way to make the current navigation active other than using onUpdate option?

[Using GSAP ScrollTrigger for Horizontal Scroll]

Ok thanks @Cassie let me try that way

[Using GSAP ScrollTrigger for Horizontal Scroll]

Hi @Cassie

Thanks for the reply

here is a less messy code.the issue i am facing is that i am using bootstrap in my webpage and the card items are not taking fixed width,and also when i click on the navigation again and again,it acts weird.

here is my new code

See the Pen VwGQNEo by codertacina (@codertacina) on CodePen

[Using GSAP ScrollTrigger for Horizontal Scroll]

Hi @Cassie

 

Thank you for you help. But still I am facing issue in my code.Can you please check once.

See the Pen VwGQNEo by codertacina (@codertacina) on CodePen

[Using GSAP ScrollTrigger for Horizontal Scroll]

Hi @Cassie
Thanks for the reply, this somewhat solves my problem.Now I am facing issue with the navigation so if i click on panel 2 then it take me to the center of panel 2

[Using GSAP ScrollTrigger for Horizontal Scroll]

Hi guys,

I am using gsap for horizontal scroll, but now I am stuck at a point where I have a dynamic list of horizontal cards.But the the section is taking fixed width and thus all the cards not visible in thet section.

Please help.I am new to gsap

here is my code, please check panel-5 with cards-wrapper

See the Pen gOdvBZo by codertacina (@codertacina) on CodePen