New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use will-change:transform for smoother mobile scrolling #119

Merged
merged 1 commit into from Sep 25, 2017

Conversation

Projects
None yet
2 participants
@nolanlawson
Contributor

nolanlawson commented Sep 23, 2017

This improves mobile scrolling, especially on mobile Chrome/Android. It provides a hint to the browser to move the scrollable element to a layer on the GPU, which leads to visibly smoother scrolling in Chrome/Android.

Chrome also warns about this in the Dev Tools:

out

Here's a video showing the before and after (note some overall lag due to using Android screenrecord plus DevTools being attached; the "after" version is even smoother without those things): https://gfycat.com/DamagedDistinctHorsechestnutleafminer

@EtienneLem EtienneLem merged commit bf5c67e into missive:master Sep 25, 2017

@EtienneLem

This comment has been minimized.

Contributor

EtienneLem commented Sep 25, 2017

Thanks! 🤘

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment