javascript - Div 内部和顶部的滚动条

Question

我想知道是否可以在 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;
}

Answer 1

就拥有“内部”滚动条而言，您可以通过将 DIV 与另一个高度相同且具有所需永久宽度的 DIV 包裹起来来产生这种错觉。然后将内部 DIV 设置为 100% 宽度，它会随着滚动条的出现而调整。至于淡入淡出，我不相信滚动条是 DOM 的一部分，所以 Javascript 已经过时了，但您可以使用 CSS 中的动画属性 http://fvsch.com/code/transition-fade/test1.html