Css 内容上的滚动条
我想做一个透明的滚动条,它应该放在有内容的div上仅css和webkit浏览器。 它看起来一定像。我的。问题是滚动条会将内容向左移动。如何使其看起来像示例中的一样?谢谢你的回复Css 内容上的滚动条,css,webkit,scrollbar,Css,Webkit,Scrollbar,我想做一个透明的滚动条,它应该放在有内容的div上仅css和webkit浏览器。 它看起来一定像。我的。问题是滚动条会将内容向左移动。如何使其看起来像示例中的一样?谢谢你的回复 div{ width:410px; height:100px; overflow-y:scroll; border:1px solid green; position:relative; } ::-webkit-scrollbar{ width:20px; position:absolute
div{
width:410px;
height:100px;
overflow-y:scroll;
border:1px solid green;
position:relative;
}
::-webkit-scrollbar{
width:20px;
position:absolute;
right:20px;
z-index:100;
}
::-webkit-scrollbar-thumb{
background-color:rgba(0,0,0,1);
border-right:10px solid white;
}
这与示例非常相似
::-webkit-scrollbar{
width:7px;
}
::-webkit-scrollbar-thumb{
background-color: rgba(0, 0, 0, 0.5);
border-radius: 3px;
border: 1px solid #fff;
}
否则,您必须使用您应该在问题中包含代码,并提供指向jsFiddle.net代码段的链接。您不能只使用css和webkit浏览器!您应该使用
javascript
或jquery
。可能重复