How can I control scroll speed or easing using gsap?

[Artleks]

I have been trying  to recreate native ScrollTrigger demo from ScrollTrigger.scrollerProxy() topic, but with some changes to elements generation (the elements need to be generated dynamically). It seems as if changing scroll smoothness does not give any disered effect. Could you please take a look and hint me with the right direction, please?

https://stackblitz.com/edit/angular-ivy-rvs5ln?file=src%2Fapp%2Fapp.component.css

[OSUblake]

It looks like you changed the smoothScroll function. I would suggest you change it back. The way you have it, the ScrollTrigger never scrolls, hence no smooth scrolling.

[Artleks]

Concerning smoothScroll function I only removed a couple of lines that were setting css and set it directly. Returned ScrollTrigger.create, but without change.

[OSUblake]

Your scroll container doesn't fill the screen, and the scrolling should be done by the body, so you can't have overflow hidden on it. It's important to understand how smooth scrolling works. I explain the basics of it here.