overscroll-behavior with a pointer media query

Tweet: use overscroll-behavior: none gated by (pointer: fine) so touch devices still pull to refresh.

Open ↗

Posted by wits (@witsdev)

we do this with overscroll-behavior: none

but we gate it behind a (pointer: fine) media query, so that it doesn’t impact touch devices. this means you can still pull to refresh on mobile

Similar in the index

  • Avoid z-indexes whenever possible Daniel Rotter on taming z-index with stacking contexts.
  • good-css A set of CSS specimens plus an agent skill, from Vojta Holik.
  • prop-for-that Exposes pointer, scroll, size and battery state as live CSS custom properties.
  • Semtx Lightweight CSS library with native htmx integration for loading and swap states.
  • WebTUI Modular CSS library that brings terminal-UI aesthetics to the browser.