Prevent scroll bounce effect and pull-to-refresh on mobile using overscroll-behavior CSS property

VideoZoran Jambor

A quick CSS tip outlining how to easily prevent pull-to-refresh on mobile.

A quick CSS tip outlining how to easily prevent scroll past the top of the page and pull-to-refresh on mobile by setting overscroll-behavior: none; on html and body elements of a page.

overscroll-behaviorscroll-bouncepull-to-refreshmobile
ADCrazy Egg

One CSS change broke checkout. Nobody noticed until users did.

ADBuild any web layout, with confidence.

Build any web layout, with confidence.

Mastering Linting

Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »
CSS Stickers

CSS Stickers

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »