using scrollTo() with an array

[kmytor]

Hi, I am using scrollTo()
it doesn't animate, it makes small jumps, sometimes it works if it is animated and it jumps when it is immobile, I don't know what is happening.

See the Pen OJZBMjj by kmytor (@kmytor) on CodePen

[Rodrigo]

Hi,

 

The issue is that all your links have an href attribute that points to that specific tag href="#post__0", so that basically takes the window to that section immediately which prevents the ScrollTo Plugin from doing it's job. Simply prevent the default functionality on the click event and watch your app smoothly scroll to the section you want:

btn.addEventListener("click", (e) => {
  e.preventDefault(); // <- THIS
  gsap.to(window, {
    duration: 1,
    scrollTo: {
      y: "#post__" + index,
      offsetY: 70,
      ease: "power2"
    }
  });
});

Happy Tweening!

[kmytor]

thank you very much