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中的animate属性http://fvsch.com/code/transition-fade/test1.html

滚动条内部和上部的Div

1 个答案: