Prevent over–scroll with CSS

ziga

ziga

Posted on July 20, 2018

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.

💖 💪 🙅 🚩
ziga
ziga

Posted on July 20, 2018

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Prevent over–scroll with CSS
scroll Prevent over–scroll with CSS

July 20, 2018