我想制作透明的滚动条,它应放在包含内容的div上。 仅限css且仅限webkit浏览器。 它必须看起来像example。我的code。问题是滚动条将内容移动到左侧。如何让它看起来像在例子中?谢谢你的回复。
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;
}
答案 0 :(得分:0)
这与示例非常相似。
::-webkit-scrollbar{
width:7px;
}
::-webkit-scrollbar-thumb{
background-color: rgba(0, 0, 0, 0.5);
border-radius: 3px;
border: 1px solid #fff;
}
否则您必须使用iscroll plugin