Disable Pull to Refresh in Android Chrome With One Line of CSS

You’ve just built your first Progressive Web Application, lo and behold, you accidently scroll in the wrong direction to go down the app and the whole thing triggers a reload.

Android Chrome Pull to Refresh Demo

This is known as Google Chrome’s Pull-to-Refresh on Android. Lucky for you there is one line of CSS which can completely disable this feature.

Simply add in the following CSS rule on the body element to disable it:

body {
  overscroll-behavior: none;
}

Now the pull to refresh will be disabled. Happy days.