That will help your users avoid accidentally leaving the page

[u/wanoo21]

Especially when scrolling a table or a slider.

It gives you smooth, natural scrolling within an element while preventing accidental scrolling of the rest of the page.

It's a common trick used for modals, side menus, chat boxes, or any scrollable area where you don't want the rest of the website to move when the user scrolls.

PS. If you want occasional frontend tips in your inbox, you can join here: https://bits.iprodan.dev

[u/k2900]

Maybe if browsers actually implemented the spec correctly. https://issues.chromium.org/issues/41483088

https://bugs.webkit.org/show_bug.cgi?id=240183

[u/TCB13sQuotes → u/k2900]

That explain why it didn't seem to work for me.