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

Uploaded November 2022 | Updated September 2026, 1 hour ago

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.

Buy my course Mastering Prettier & Stylelint:
🔥 masteringlinting.com

Subscribe to CSS Weekly Newsletter:
💌 css-weekly.com

Keep up-to-date with CSS Weekly:
👉 Twitter: twitter.com/CSSWeekly
👉 Instagram: instagram.com/cssweekly
👉 Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
🔗 Blog: zoranjambor.com
👉 Twitter: twitter.com/zoranjambor
👉 LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor
#css #frontend

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

$The easiest way to get started with CSS Grid A simple, straightforward guide to CSS Grid using grid-template-areas property to visually set the grid structure. It will give you the confidence to start using CSS Grid comfortably while understanding the basics of creating grid layouts. 🎨 Codepen demo: https://codepen.io/ZoranJambor/pen/PoajogX 📖 Timestamps 00:00 Intro 00:36 How grid-template-areas property works 03:49 How to adjust the size of grid rows using grid-template-rows property 04:52 How fraction unit (fr) works 06:43 How to specify columns using grid-template-areas 08:47 How to change grid column size using grid-template-columns property 09:33 How to specify space between rows and columns using grid-gap property 10:14 How to create empty cells in CSS Grid using grid-template-areas property 11:28 Quick recap 🔥 Course Mastering Prettier & Stylelint: https://masteringlinting.com/ 🏷 Use coupon YOUTUBE15 to get an additional 15% off on the Masterclass package. Subscribe to CSS Weekly Newsletter: 💌 https://css-weekly.com/ Keep up-to-date with CSS Weekly: 👉 Twitter: https://twitter.com/CSSWeekly 👉 Instagram: https://instagram.com/cssweekly 👉 Facebook: https://www.facebook.com/CSSWeekly/ Keep up to date with what Im up to: 🔗 Blog: https://zoranjambor.com 👉 Twitter: https://twitter.com/zoranjambor 👉 LinkedIn: https://www.linkedin.com/in/zoranjambor/ - Zoran Jambor #css #cssgrid$

Frontend News #12: New attr() Capabilities, CSS Variables in Shorthand Properties, Base64 Data URLs

Start Styling Your console.log() Messages in DevTools

A Practical Guide to Aspect Ratio in CSS

Baseline: A NEW Way To Think About Browser Support

How To Add Additional CSS to a WordPress Theme When “Customize” Is Missing