一个好看的滚动条

2022-07-03 144 阅读1分钟

html

<div style={{display:"flex",height:"100%","flexDirection":"column"}}>
  <p>一个好看的滚动条</p>
  <div style={{flex:1,"overflow":"auto"}}>
    
    <!-- 内容 -->
    
  </div>
</div>

css

::-webkit-scrollbar {width:5px;height:5px;position:absolute;}
::-webkit-scrollbar-thumb {background-color:#1890ff}
::-webkit-scrollbar-track {background-color:#ddd}