chrisjavieroliveros

I'm trying to add inertia to scrolling in my website using this Smooth Scrollbar plugin. (Which by the way I discovered from your ScrollTrigger doc.) I am using GSAP (and this plugin) with Angular 11. The problem is that the plugin is making the website feel jittery at times especially on larger screens. It's good that it gets the job done and does what I want but it's not as performant as GSAP. I wanted to ask if there's a plugin in GSAP that I can use to achieve similar effect. Thanks!

I stand corrected! ScrollTrigger.scrollerProxy() it is! Thank you @Shrug ¯\_(ツ)_/¯!!

Hello Mikel! I did! Love the scrollTrigger plugin. Although I don't think this handles scroll inertia.

I am really feeling this feature where you can implement scrolling inertia in your websites like the ones in this showcases: https://nieuwbergen.com/ https://spread.ai/ https://cultivatingthevanguard.com/ I tried implementing this my own using requestAnimationframe() but there was too many optimizations to do. This is one of the features that's leading me into GSAP. (And now the scrollTrigger!) I wanted to do some reading about how to implement this in my website but I can't seem to find this in the forums. Can anyone can point me in the right direction please!

Ah! I remember now! Thank you Zach!

Hello! I just started learning GSAP today and I'm trying to use this with Angular 11. A while back (Angular 7?) it was very easy to import and use GSAP with Angular. Now it doesn't seem so. (I most probably just missed something.) What's wrong with my code? import { Component, ViewChild } from '@angular/core'; import { gsap } from 'gsap'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'], }) export class AppComponent { constructor() {} @ViewChild('box') box?: any; ngAfterViewInit() { gsap.to(this.box, { x: 100 }); } } It's returning this error: Thanks! I'm looking forward to be very active in this community!