janpaepke / ScrollMagic

The javascript library for magical scroll interactions.
http://ScrollMagic.io
Other
14.9k stars 2.17k forks source link

Jitter Issue on Firefox latest version #806

Open gbathyal opened 6 years ago

gbathyal commented 6 years ago

Hello, I am trying to create a vertical slider using magicscroll. I just updated Firefox to quantum version 61.0 (64 bit). After update I noticed some jitter on firefox. It was working fine on older version. Works fine on chrome as well. Here is the fiddle https://jsfiddle.net/gbathyal/gbrfwasy/embedded/result/ It happens on first slide noticeably. and some time whiles scrolling up. When I compare with chrome there is noticeable difference.

When we switch between scenes there is some jump in Firefox. Same issue I see here. https://labs.letemps.ch/interactive/2016/shenzhen/ (Please scroll till middle to see the gallery scenes ) and here http://cato3000.com/AllegisGroup/_html/vertical-carousel.html

nltesown commented 6 years ago

I confirm this issue on FF 62.0b4 (64 bit) on Windows 10. Only setPin seems affected.

krnlde commented 6 years ago

Cannot confirm in FF61.0 on Windows 10 image

EmilyChews commented 6 years ago

I've found the latest version of Firefox is terrible for web animations generally. They have on-going issue known as the snap to pixel bug, where animations are run on the CPU instead of the GPU which makes everything janky and when using multiple animations in can look very messy. You're probably best turning the animations off in Firefox for now and commenting / raising it on their Github or Twitter page.