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

Top comments (0)

18 Useful Github Repositories Every Developer Should Bookmark

18 Useful GitHub repositories every developer should bookmark: everything from learning resources and roadmaps to best practices, system designs, and tools.