Div内部和顶部的滚动条

Scrollbar Inside and On Top of the Div

本文关键字：滚动条 顶部 内部 Div      更新时间：2023-09-26

我想知道是否可以在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属性http://fvsch.com/code/transition-fade/test1.html

相关文章：