Javascript Div内部和顶部的滚动条

我想知道是否有可能有一个滚动条内部和上方的DIV作为反对它旁边？我正在开发一个chrome扩展，其中有一个DIV，包含页面最右侧的信息。当DIV超过页面高度时，该DIV旁边会出现一个滚动条，与DIV的内部和顶部相对。此外，我想知道当用户不悬停在滚动条上时，是否可能使其褪色

我通过在css中使用-webkit修改了滚动条的外观。以下是我所做工作的一个片段：

#sidebar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#sidebar::-webkit-scrollbar-track-piece  {
    background-color: #f3f3f3;
    -webkit-border-radius: 0px;
}

#sidebar::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #ccc;
    -webkit-border-radius: 0px;
}

---

就拥有“内部”滚动条而言，您可以通过使用另一个具有相同高度和所需永久宽度的DIV来包装DIV，从而产生错觉。然后将内部DIV设置为100%宽度，它将随着滚动条的出现而调整。至于淡入淡出，我不相信滚动条是DOM的一部分，所以Javascript已经退出，但是您可以使用CSS中的animate属性，谢谢。见鬼。。我害怕这样的回答。我希望得到一些简单的解决办法：P