DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for How to make vertically scrollable in CSS
JT Dev for JetThoughts LLC

Posted on • Originally published at jtway.co

How to make vertically scrollable in CSS

In order for the scroll to appear, you need to limit its height by adding height or max-height properties.

.scroll-area {
  overflow-y: auto;
  max-height: 400px;
}
Enter fullscreen mode Exit fullscreen mode

If you do not add this, your block will stretch to the entire height.

Image description

Oldest comments (0)

😍 Want to help the DEV Community feel more like a community? πŸ₯Ή

Head over to the Welcome Thread and greet some new community members!