删除webkit浏览器滚动条'；s上边距css_Css_Scrollbar

删除webkit浏览器滚动条'；s上边距css

css

删除webkit浏览器滚动条'；s上边距css,css,scrollbar,Css,Scrollbar,代码： <style> ::-webkit-scrollbar{ width: 23px; } ::-webkit-scrollbar-track{ background-color: transparent; } ::-webkit-scrollbar-thumb { background-color: silver; } ::-webkit-scrollbar-button { background-color: transparent;

代码：

<style>
::-webkit-scrollbar{
    width: 23px;
}
::-webkit-scrollbar-track{
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
      background-color: silver;
}
::-webkit-scrollbar-button {
      background-color: transparent;
}
::-webkit-scrollbar-corner {
      background-color: transparent;
}
</style>
<body>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>


：-webkit滚动条{
宽度：23px；
}
：-webkit滚动条轨迹{
背景色：透明；
}
：-webkit滚动条拇指{
背景颜色：银色；
}
：-webkit滚动条按钮{
背景色：透明；
}
：-webkit滚动条角{
背景色：透明；
}

jsfiddle：

在chrome的代码中，关于scrollbar的其他内容都很好，并且运行良好

但我关心滚动条的一些边距。看起来滚动条轨迹的上角或下角有一些空白

问题：

如何删除这些边距？我想让滚动条完全位于顶部，就像margin-top\u或\u-bottom-of-scrollbar-track:0

这些不是边距，而是您设置为透明的箭头所占用的空间。因此，您可以让它们

显示：none

：

：：-webkit滚动条{
宽度：23px；
}
：-webkit滚动条轨迹{
背景色：透明；
}
：-webkit滚动条拇指{
背景颜色：银色；
}
：-webkit滚动条按钮{
背景色：透明；
显示：无；/*已添加此项*/
}
：-webkit滚动条角{
背景色：透明；
}



这里有一个问题------------------------------->






































这里有一个问题------------------------------->