ScrollTrigger & Google Chrome

[RobbieC]

Hi everyone,

I've been AFK for awhile but I'm kind of back 😆!

 

This question is not directly related to GSAP but it's something I just came across and wanted to see if anyone else has ran into the same issue and what solution if any you used.

 

I didn't noticed this until I did a few things; I got a new mouse, hard drive and installed a fresh copy of windows 10 & Chrome. I opened my localhost on chrome and started scrolling with the mouse wheel and noticed that all my ScrollTrigger animations were super jumpy. I checked all my mouse settings, driver, etc and that didn't fix it. I do realize that the physical mouse wheel on some mouses move differently, so that's a little part of the issue.

 

The main issue I found was that in Google Chrome there is a feature called "Smooth Scrolling" you can find it at: chrome://flags/#smooth-scrolling

Mine was set to "default", I changed it to enabled and went back to my locahost and the jumping went away and the scrolling was smooth!!

 

I don't know if I had this featured enabled before on my old hard drive, so I'm not 100% sure if the issue was Chrome or if it was my new mouse or a combination of both.

 

My question to you guys is; do you have the feature enabled in Chrome?

If so, what do you do if a user/viewer does not have it enabled and the scroll animations are jumpy for them.

 

In the end, we all want the user to have the same viewing experience as the developer has when he builds something and if something like a feature in Google Chrome or even a curtain type of mouse can alter that viewing experience, what are the solutions (if any) so that everyone has the same viewing experience with the animations?

[ZachSaucier]

39 minutes ago, RobbieC said:

do you have the feature enabled in Chrome?

On Mac it's not available (presumably because Mac's OS adds smooth scrolling). I'll have to check on Windows later.

[PointC]

Yes I have smooth scrolling enabled in Chrome.

12 hours ago, RobbieC said:

If so, what do you do if a user/viewer does not have it enabled and the scroll animations are jumpy for them.

There's only so much we can control. It's like these people that love to tell the tales of how they run around the web with JavaScript turned off and what a horrible experience it is for them. Well... turn your JavaScript on or you're gonna miss a whole lot of the web. The point being, users are gonna do what they do and I wouldn't lose too much sleep over it. Just my two cents.

 

[RobbieC]

23 minutes ago, PointC said:

Yes I have smooth scrolling enabled in Chrome.

Did you manually set it to enabled?

 

But yes what your saying does make sense. After I did a little more testing last night I came to realize that part of the jumping was caused by my actual mouse wheel, after testing it with my old mouse and laptop mouse, my new mouse's wheel has a longer roll per finger movement (I hope that makes sense). 

 

Just kind of sucks cause I didn't realize how much someone's settings/mouse could affect there viewing experience with scroll based animation. 

 

BUT if Chrome has there Smooth Scrolling feature set to enabled by default when someone installs Chrome for the first time, then this would not be an issue. Like with Firefox, its default set to use their build-in smooth scrolling. 

[ZachSaucier]

1 minute ago, RobbieC said:

After I did a little more testing last night I came to realize that part of the jumping was caused by my actual mouse wheel

Yep, it's something you can account for. That's in part why we have .scrollerProxy(). The video in the docs for it talks about that use case.

[PointC]

3 minutes ago, RobbieC said:

Did you manually set it to enabled?

I don't recall doing it manually, but I make no guarantees. 

[RobbieC]

8 minutes ago, ZachSaucier said:

That's in part why we have .scrollerProxy()

See what I've missed while I was away!!

The video literally stole the words out of my mouth, "Using a regular mouse can be choppy, that's why some people like to use smooth scroll."