如何设置滚动条永远可见？

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中有效