DEV Community

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

Posted on • Edited on • Originally published at jetthoughts.com

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

Top comments (0)