给div设置滚动条（css）

1、
overflow:hidden;
overflow:scroll;

2、
如果要出现程度滚动条，则： overflow-x:auto
如果要垂直滚动条则为： overflow-y:auto
留意：肯定要设置宽高
width:400px; height:400px;

3、纯色滚动条

1. /* 整个滚动条 */
2. ::-webkit-scrollbar {
3.     /* 对应纵向滚动条的宽度 */
4.     width: 10px;
5.     /* 对应横向滚动条的宽度 */
6.     height: 10px;
7. }
9. /* 滚动条上的滚动滑块 */
10. ::-webkit-scrollbar-thumb {
11.     background-color: #49b1f5;
12.     border-radius: 32px;
13. }
15. /* 滚动条轨道 */
16. ::-webkit-scrollbar-track {
17.     background-color: #dbeffd;
18.     border-radius: 32px;
19. }

复制代码

4、花色滚动条

1. /* 整个滚动条 */
2. ::-webkit-scrollbar {
3.     width: 10px;
4.     height: 10px;
5. }
7. /* 滚动条上的滚动滑块 */
8. ::-webkit-scrollbar-thumb {
9.     background-color: #49b1f5;
10.     /* 关键代码 */
11.     background-image: -webkit-linear-gradient(45deg,
12.             rgba(255, 255, 255, 0.4) 25%,
13.             transparent 25%,
14.             transparent 50%,
15.             rgba(255, 255, 255, 0.4) 50%,
16.             rgba(255, 255, 255, 0.4) 75%,
17.             transparent 75%,
18.             transparent);
19.     border-radius: 32px;
20. }
22. /* 滚动条轨道 */
23. ::-webkit-scrollbar-track {
24.     background-color: #dbeffd;
25.     border-radius: 32px;
26. }

复制代码

参考链接：
http://t.csdn.cn/mTtW9

来源：https://blog.csdn.net/qq_66061193/article/details/130060321
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！