带进度指示的CSS滚动条

2020-06-1776次阅读css3css

带进度指示的CSS滚动条只适用于-webkit-vendor前缀的滚动条样式属性。

:root {
  --shadow: #43a047;
  --scrollbarBG: #eee;
  --thumbBG: #66bb6a;
}
::-webkit-scrollbar {
  width: 16px;
}
::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  box-shadow: 0 -100vh 0 100vh var(--shadow), 0 0 15px 5px black;
}

上一篇: gulp打包ReferenceError: internalBinding is not defined错误  下一篇: 使用Web动画API播放粒子动画  

带进度指示的CSS滚动条相关文章