Jump to content
Search Community

Smooth Scroll Doesn't work on Firefox V 64.0 Windows 10

SaidOurhou test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

11 minutes ago, Shaun Gorneau said:

Which OS and browser version?

 

In MacOS (Mojave) with Firefox 62 ... all looks good here (actually better than Safari and similar to Chrome)

I'm in version 64.0 Firefox Windows 10, the example above works good, but not on my project,  got no error on my console .

Link to comment
Share on other sites

Hello @SaidOurhou

 

Sorry your having issues.

 

You will get a better smooth scroll by just binding an event to the scroll event instead of mousewheel event. The mousewheel event can be inconsistent since its still non standard and experimental (see mousewheel docs).

 

For a nice smooth scroll effect you can look at this post topic:

 

 

Also with scroll events you might want to look into throttling and debouncing for scrolling events to prevent jank (lost frames choppiness) and get smooth silkiness. Since your code will be firing an insane amount of times due to how the scroll event fires.

 

https://www.html5rocks.com/en/tutorials/speed/animations/

https://css-tricks.com/debouncing-throttling-explained-examples/

 

Happy Tweening :)

  • Like 5
Link to comment
Share on other sites

47 minutes ago, Jonathan said:

Hello @SaidOurhou

×
GRAMMALECTE
Lexicographe
Correction grammaticale
Conjugueur
Onglet
Fenêtre
 

 

 

Sorry your having issues.

 

You will get a better smooth scroll by just binding an event to the scroll event instead of mousewheel event. The mousewheel event can be inconsistent since its still non standard and experimental (see mousewheel docs).

 

For a nice smooth scroll effect you can look at this post topic:

 

 

Also with scroll events you might want to look into throttling and debouncing for scrolling events to prevent jank (lost frames choppiness) and get smooth silkiness. Since your code will be firing an insane amount of times due to how the scroll event fires.

 

https://www.html5rocks.com/en/tutorials/speed/animations/

https://css-tricks.com/debouncing-throttling-explained-examples/

 

Happy Tweening :)

Hi,

 

Thank you for your help, I fixed it, I was adding a smooth scroll css to the body "scroll-behavior: smooth;" once I removed it, it worked on all browsers.

 

Have a good day!

saidourhou.com

 

  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...