Skip to content
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

nolanlawson
Copy link

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
Copy link
Member

Thanks! 🤘

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants