龙城闪客,九阴无根门吧,城市达人qq
效果如下
直接贴代码了
.sidebar { z-index: 1024; position: fixed; left: 0; top: 64px; overflow-y: auto; overflow-x: hidden; background-color: #001529; } .sidebar::-webkit-scrollbar-track { /* 定义滚动条轨道 内阴影+圆角*/ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 5px; background-color: #f5f5f5; } .sidebar::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; background-color: #f5f5f5; border-radius: 5px; } .sidebar::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; }
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
[书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读笔记分享
网友评论