DEV Community

ziga
ziga

Posted on

6 1

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)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more