#chrome-144
#chrome-144

[ follow ]

#overscroll-behavior #react #jquery-40 #html-geolocation #html-dialog #modal-scroll-prevention #modal-dialog

Are you ready for JavaScript in 2026?

React remains the leading reactive library; jQuery modernizes as ES modules in v4, and HTML gains a declarative <geolocation> element in Chrome 144.

#overscroll-behavior

Web development

Prevent a page from scrolling while a dialog is open | CSS-Tricks

Web development

Use overscroll-behavior: contain to prevent a page from scrolling while a is open

Web development

Prevent a page from scrolling while a dialog is open | CSS-Tricks

Web development

Use overscroll-behavior: contain to prevent a page from scrolling while a is open

more#overscroll-behavior

Solved by CSS Scroll State Queries: hide a header when scrolling down, show it again when scrolling up.

Recording of the demo, recorded in Chrome Canary. There's a new type of CSS scroll-state query coming: scrolled Unlike the scrollable scroll-state queries, scrolled remembers the last direction you scrolled into, which you can use to build "hidey bars": when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.

Web development

[ Load more ]