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.

AI Developer Newsletter

AI Developer Newsletter

A short, friendly roundup of the most useful tools, ideas, and real-world examples—curated specifically for developers like you.

Subscribe Today »
CSS Stickers

CSS Stickers

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

Get Your Set Today »