DEV Community

ziga
ziga

Posted on

Prevent over–scroll with CSS

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;
}
Enter fullscreen mode Exit fullscreen mode

(not supported in Safari yet)

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

Top comments (0)