Как установить полосу прокрутки когда-либо видны?

Question

Как установить полосу прокрутки, видимую в div?

.table-wrapper.grouped {
    max-height: 300px;
    overflow-y: scroll;
}

показывает полосу прокрутки, только если я пытаюсь прокрутить.

Answer 1

решаемые

/* width */
.table-wrapper.grouped::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.table-wrapper.grouped::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

/* Handle */
.table-wrapper.grouped::-webkit-scrollbar-thumb {
  background: #ccc; 
  border-radius: 10px;
}

/* Handle on hover */
.table-wrapper.grouped::-webkit-scrollbar-thumb:hover {
  background: #fff; 
}

Примечание: Работает только в Chrome и Safari