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

Latest comments (0)

Regex for lazy developers

regex for lazy devs

You know who you are. Sorry for the callout πŸ˜†