DEV Community

loading...

Prevent over–scroll with CSS

ziga
i'll write more about it
・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;
}
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.

Discussion (0)