scroll horizotal panel scrolling with nav buttons

[BHAVY J]

The panels can be scrolled manually or with button so when i scroll manually i update currentIndex(variable) so it sync properly with navigation button but now issue is when i navigate with button the scrolltrigger instance is not updated so when i navigate to panel-2 from panel-1 and  try to scroll down it doesnt move.

See the Pen GRbjbRd by bhavy123 (@bhavy123) on CodePen.

[mvaneijgen]

Hi @BHAVY J welcome to the forum!

 

Instead of animating the sections you're already animating with ScrollTrigger you want to update the scroll position of the page to reflect the point you want to scroll to. I've write a whole post about ways going about this. It involves the ScrollToPlugin and especially check the second comment it has some really nice helper functions! Hope it helps and happy tweening! 

 

 

[BHAVY J]

Thanks @mvaneijgen for replay.

This was really helpful. now I got the clear understanding.