BestHub
search
Sign in
Tag

overscroll-behavior

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 3, 2023 · Frontend Development

Understanding and Solving Scroll Chaining Issues on Mobile Browsers

This article explains the causes of scroll chaining on mobile browsers, illustrates two common scenarios that trigger it, and provides a reusable React hook solution—including touch handling, scroll‑parent detection, and event‑preventing logic—to reliably stop unwanted scrolling in overlays.

HookReactmobile
0 likes · 16 min read
Understanding and Solving Scroll Chaining Issues on Mobile Browsers
KooFE Frontend Team
KooFE Frontend Team
Jan 3, 2022 · Frontend Development

How to Write Defensive CSS: Prevent Scroll Chaining, Variable Fallbacks, and Layout Breakage

This article presents practical defensive CSS techniques—including using overscroll-behavior to stop scroll chaining, var() fallbacks for custom properties, min‑width/min‑height instead of fixed dimensions, proper background-repeat handling, and vertical media queries—to create more robust, responsive web layouts.

CSSdefensive CSSfrontend
0 likes · 6 min read
How to Write Defensive CSS: Prevent Scroll Chaining, Variable Fallbacks, and Layout Breakage