带有透明背景的webkit滚动条

2016-11-15 49 views 1 likes

我有一个带有内容的小列表，我想用max-height和滚动条做出来，但有一个问题。我想让它成为一个自定义滚动条。有我的JSFiddle。我不能设置一个透明的背景和跟踪颜色带有透明背景的webkit滚动条

还有就是我的滚动条CSS

.uploaded-files::-webkit-scrollbar{ 
    -webkit-appearance: none; 
    width: 11px; 
} 

.uploaded-files::-webkit-scrollbar-track{ 
    margin: 7px 0; 
} 

.uploaded-files::-webkit-scrollbar-thumb{ 
    border-radius: 12px; 
    border: 4px solid rgba(255,255,255,0); 
    background-clip: content-box; 
    background-color: #a0a0a0; 
}

我想打一个滚动条，这样在此图像中

任何解决方案？

来源

2016-11-15 Daniels Jirgensons

检查此主题：http://stackoverflow.com/questions/9251354/css-customized-scroll-bar-in-div – Arkej

@Arkej这没有帮助我的问题。 –

回答

林用jQuery scrollbar现在，它工作得非常好，这是我的解决方案，为我自己的问题。

来源

2017-01-18 11:10:25

-1

我做了一些我想要的东西，但是如何从侧面设置边距并且仍然不透明。现在

https://jsfiddle.net/Lfygvv3t/3/

我的CSS这个样子的

.uploaded-files::-webkit-scrollbar-track{ 
    border-radius: 10px; 
    margin:7px 0; 
    background-color: rgba(27, 30, 50, 0.15); 
} 

.uploaded-files::-webkit-scrollbar{ 
    width: 3px; 
    background-color: transparent; 
} 

.uploaded-files::-webkit-scrollbar-thumb{ 
    border-radius: 10px; 
    background-color: rgba(27, 30, 50, 0.3); 
}

来源

2016-11-15 09:13:19

带有透明背景的webkit滚动条

回答

相关问题