overscroll-behavior

The overscroll-behavior CSS property sets what a browser does when reaching the boundary of a scrolling area.

By default, mobile browsers tend to provide a “bounce” effect or even a page refresh when the top or bottom of a page (or other scroll area) is reached. You may also have noticed that when you have a dialog box with scrolling content at the top of a page that also has scrolling content, once the dialog box’s scroll boundary is reached, the underlying page will then start to scroll — this is called scroll chaining.

In some cases, these behaviors are not desirable. You can use overscroll-behavior to get rid of unwanted scroll chaining and the browser’s Facebook/Twitter app-inspired “pull to refresh”-type behavior.

Syntax example: overscroll-behavior: auto; /* default */