fiddle :http://jsfiddle.net/vVJGD/
::-webkit-scrollbar{
width: 10px;
padding-top: 40px;
}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
border: 1px solid black;
background: rgb(41,41,41);
border-radius: 10px;
}
::-webkit-scrollbar-thumb{
border-radius:10px;
height: 30px;
width: 8px;
border: 1px solid black;
background: rgb(111,111,111);
-webkit-box-shadow: 0 1px 1px rgb(0,0,0);
background: -webkit-linear-gradient(rgb(200,200,200), rgb(150,150,150));
}
::-webkit-scrollbar-track-piece {
height: 30px;
}
我试过通过轨道片和拇指设置高度,但我认为这不是正确的方法。
有人知道这个 secret 吗?我没有在谷歌上找到任何具体的内容。
最佳答案
设置高度
和宽度
属性:http://jsfiddle.net/vVJGD/8/ , Webkit 会将它们分配到适当的方向。
关于CSS3/网络工具包 : how do I change the size of the scroll bar slider?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9232529/