滚动栏里面和在顶部

我想知道是否有可能有一个滚动条内部和顶部的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; 
}

来源

2012-03-24 Jon

至于具有“内部”的滚动条，可以通过与高度相等的另一个DIV，并与所需的永久宽度包裹DIV本作的错觉。然后将内部DIV设置为100％宽度，并在滚动条出现时进行调整。至于淡入淡出，我不相信滚动条是DOM的一部分，所以Javascript已经出来了，但是你可能能够使用CSS中的动画属性http://fvsch.com/code/transition-fade/test1.html

来源

2012-03-24 18:08:08

谢谢。 Shucks ..我害怕这样的答案。我希望有一些简单的解决方法：P – Jon 2012-03-24 18:09:45

滚动栏里面和在顶部

回答

相关问题