gpt4 book ai didi

css - 删除 webkit 浏览器滚动条的顶部边距 css

转载 作者:行者123 更新时间:2023-11-28 11:25:02 25 4
gpt4 key购买 nike

代码:

<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>

jsfiddle:https://jsfiddle.net/2zcxnL66/

在 chrome 的那个代码中,关于滚动条的其他事情很好,而且工作得很好。

但我关心滚动条的边距。看起来滚动条轨道的顶 Angular 或底 Angular 有一些边距。

问题:我怎样才能删除这些 margin ?我想让滚动条完全位于顶部,就像 margin-top_or_bottom-of-scrollbar-track:0;

最佳答案

这些不是边距,而是您设置为透明的箭头所占用的空间。所以你可以让它们 display:none :

::-webkit-scrollbar{
width: 23px;
}
::-webkit-scrollbar-track{
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: silver;
}
::-webkit-scrollbar-button {
background-color: transparent;
display:none; /*added this */
}
::-webkit-scrollbar-corner {
background-color: transparent;
}
<body>
<p style="padding-top:0; margin-top:0; text-align:right">
Here is problem --------------------------------->
</p>
<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>

<p style="padding-top:0; margin-top:0; text-align:right">
Here is problem --------------------------------->
</p>
</body>

关于css - 删除 webkit 浏览器滚动条的顶部边距 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47727335/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com