codertacina

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

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); },

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?

Ok thanks @Cassie let me try that way

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 https://codepen.io/codertacina/pen/VwGQNEo

Hi @Cassie Thank you for you help. But still I am facing issue in my code.Can you please check once. https://codepen.io/codertacina/pen/VwGQNEo

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

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 https://codepen.io/codertacina/pen/gOdvBZo