How to recover momentum scrolling behaviour on Windows Phone

You're probably familiar with -webkit-overflow-scrolling: touch; as a way to restore momentum scrolling (sometimes also called inertia scrolling) on iOS devices. Chris Coyier has an example page if you want to refresh your memory.

Now here's the thing: Windows Phone has similar scrolling behaviour which also is not "on" by default if you declare overflow: scroll; on a container. You need to toggle it specifically, so where you put -webkit-overflow-scrolling: touch; for iOS, you can also put -ms-overflow-style: none !important; right next to it. Here's a short StackOverflow discussion about the fix: html5 - Div overflow scrolling when -ms-viewport is specified? - Stack Overflow

Happy overflowing!


  • Oct 20, 2019 Split blog articles and bookmarks
Post a comment If you post a tweet with a link to this page, it will appear here as a webmention (updated daily).


No mentions yet.