如何将滚动条向下移动

Question

因此，我使用CSS设计了一个滚动条。

::-webkit-scrollbar-track 
{ 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
border-radius: 10px; 
background-color: #F5F5F5; 
} 

::-webkit-scrollbar 
{ 
width: 12px; 
background-color: #F5F5F5; 
padding-top: 60px; /*doesn't work*/ 
} 

::-webkit-scrollbar-thumb 
{ 
border-radius: 10px; 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
background-color: #555; 
} 

不幸的是'padding-top：60px'不起作用。是否有可能将其降低60px？如果是的话，我会怎么做呢？谢谢！ :)

编辑：Ascii图像来解释我想要发生的事情。

_____________________ 
|  60px gap -> _| 
|     | | 
|     ||| 
|__________________|_| 

Answer 1

您不能设置填充为滚动。
您可以使用“假”容器，并使其滚动，绝对顶部位置60px：

.wrapper { 
    position: absolute; 
    overflow-y:auto; 
    left:0; 
    right:0; 
    top:60px; 
    background:gold; 
    padding:20px; 
} 

见working demo here。