overscroll-behavior: Stop the Page Scrolling Behind Your Modal
Scroll to the bottom of a dropdown or chat panel and the page behind starts moving - scroll chaining. One property contains it, no JavaScript scroll-locking required.
Step-by-step programming tutorials on PHP, JavaScript, Laravel, WordPress and more.
Scroll to the bottom of a dropdown or chat panel and the page behind starts moving - scroll chaining. One property contains it, no JavaScript scroll-locking required.
block: "center", preventScroll on focus(), the new scrollend event - the scroll-control details that make custom UI feel native instead of jumpy.
Sticky elements that refuse to stick are almost always trapped by an ancestor with overflow set, or a parent that is exactly as tall as they are. Here is the debugging checklist.
Every site with a sticky header has the same bug: jump to #section and the heading lands underneath the header. The fix is one CSS property almost nobody knows.
A swipeable, momentum-friendly, accessible carousel needs no JavaScript at all. scroll-snap turns a plain overflow container into one, and it feels native because it is.
Scroll listeners fire hundreds of times per second and need throttling, math and luck. IntersectionObserver watches a sentinel element and calls you exactly when it matters.
once, passive and capture change how listeners behave in ways that delete cleanup code and fix scroll jank. Most developers never touch them.