如何向下移动滚动条

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;
}

不幸的是'填充顶部：60px;'不起作用。是否有可能将其降低60px？如果是这样，我该怎么做呢？谢谢！ ：）

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

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

Answer 1

您无法为滚动设置填充 你可以使用假冒的＆＃39;容器并使其可滚动，绝对位于60px顶部：

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

请参阅working demo here。