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)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay