Hi,
I'm very new to GSAP, so I this might be fairly simple or not possible to accomplish.
My problem:
I'm using the ScrollToPlugin for scrolling to a given section, when clicking on the menu item corresponding to that section. I also use pinned scrolling - I have pinned scrolling between container 1/container 2, and between container 2/container 3.
What happens, is that when going to an section above where you are (in the document flow), either no scrolling appears to happen or it scrolls to the wrong section. An example: Press "Item 2", and then when the scroll finishes press "Item 1". This results is no visual change, and the second section is still the one inside the viewport.
However if you press "Item 3" and then "Item 1" you go to item 2.
Here is the jsfiddle, https://jsfiddle.net/r7Lotu5w/
EDIT: I found a solution, where I disable scrolltrigger when using scrollto and the enable the scrolltrigger again once the scrolling is done. But I would still like to know if there is another way to achieve what is want.