Prevent over–scroll with CSS

github logo ・1 min read

what's the problem

you have a scrollable dialog. But when you scroll to the end of it, whole page starts to scrolling :( How to prevent this?

there's a little known CSS property

.element {
  overscroll-behavior: contain;

(not supported in Safari yet)

This was taken from an amazing Scroll to the future article from evilmartians.com.

twitter logo DISCUSS
Classic DEV Post from Nov 12 '19

Feeling excluded and sad for not getting positive feedback - How should I react?

ziga profile image
i'll write more about it