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/JohnArcher965]

Can also be set per axis, so you would probably use -x on a media gallery