Elastic Overflow Scrolling

A client asked if we could mimic the “rubber band” scrolling behavior on many mobile devices. I’m sure you know what I’m talking about. It’s a behavior that already exists and happens automatically in most browsers. In iOS Safari, for …


Elastic Overflow Scrolling originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

https://css-tricks.com/elastic-overflow-scrolling/

Created 7mo | Aug 21, 2024, 2:50:17 PM


Login to add comment

Other posts in this group

A CSS-Only Star Rating Component and More! (Part 2)

In this second article of a two-part series, Temani Afif demonstrates an alternative approach to creating the star rating component from the first article using experimental scroll-driven animation

Mar 7, 2025, 3:10:06 PM | CSS tricks
Maybe don’t use custom properties in shorthand properties

This easily qualifies as a "gotcha" in CSS and is a good reminder that the cascade doesn't know everything all at the same time. If a custom property is invalid, the cascade won't ignore it, and it

Mar 6, 2025, 6:10:27 PM | CSS tricks
Grouping Selection List Items Together With CSS Grid

Preethi demonstrates how to make a user interface to group selected items using CSS Grid using two different methods: the auto-fill keyword for stable layouts and the span keyword for flexible arra

Mar 5, 2025, 2:30:07 PM | CSS tricks
Functions in CSS?!

Arguments?! Return values?! What's crazier, you can use functions right now in Chrome Canary! So, after reading and playing around, here are my key insights on what you need to know about CSS Funct

Mar 3, 2025, 1:40:27 PM | CSS tricks
A CSS-Only Star Rating Component and More! (Part 1)

In this article, you'll learn how to make a full-on star rating component out of nothing but a single input element and vanilla CSS.


Feb 28, 2025, 4:11:28 PM | CSS tricks
Using & Styling the Details Element

Now that we're 5+ years into

, we know more about it than ever before. I thought I'd round that information up so it's in one place I can reference in the future without having to sea
Feb 26, 2025, 5:50:05 PM | CSS tricks
Applying the Web Dev Mindset to Dealing With Life Challenges

The grain of truth was that even if you love your job, it can’t love you back. Yet what I’m hooked on isn’t one job, but the power of code and language.


Feb 24, 2025, 2:50:05 PM | CSS tricks