Sohu Tech Products
Apr 24, 2024 · Frontend Development
CSS :has Pseudo-class for Modal Scroll Locking
This article shows how to lock page scrolling when a modal is open by using the new CSS :has pseudo‑class—replacing JavaScript‑driven overflow toggles that fail with nested dialogs—and demonstrates a simple body:has(dialog[open]) selector that works across all modern browsers.
:has() selectorJavaScriptWeb Development
0 likes · 4 min read