Style scrollbar overflow-y

.large-2 {
  margin-left: 30px;
  float: left;
  height: 300px;
  overflow-y: scroll;
  margin-bottom: 25px;
  width: 100px;
  background: #ccc;
}

.force-overflow {
  min-height: 450px;
}

.large-2::-webkit-scrollbar-track {
  border: 1px solid #000;
  padding: 2px 0;
  background-color: #404040;
}

.large-2::-webkit-scrollbar {
  width: 10px;
}

.large-2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #737272;
  border: 1px solid #000;
}

Source: stackoverflow.com

Similar codes

1 vote140 views1 answer
Force element to bottom of page
CSS
0 vote203 views1 answer
L'entente cordiale streaming
CSS
0 vote125 views1 answer
How to get text to auto break in a grid
CSS
20 votes133 views4 answers
Variables in sass
CSS
0 vote117 views1 answer
To set HTML attribute and css styles in html helper control in mvc
CSS
0 vote141 views1 answer
Custom horizontal scrollbar css
CSS
1 vote190 views1 answer
Overflow: scroll displaces the inline element
CSS
2 votes131 views2 answers
Css heading background line
CSS
43 votes128 views3 answers
Css center horizontally and vertically
CSS
0 vote143 views2 answers
How to add a selection in css
CSS