这里很少有提出相同问题的问题,但他们的解决方案对我不起作用。
这是其中一个问题的图片以及我想要实现的目标。我有一个列表,当有更多项目时,会显示滚动条。
我还将溢出-y 设置为覆盖,因为我不希望滚动条添加到列表的宽度。如何使轨道透明以便可以看到下面的项目?
跟踪重叠内容 https://i.stack.imgur.com/TIJNS.png
[更新]:
小提琴显示它现在的样子,图片就是我想要得到的。
p {
overflow-y: overlay;
width: 101%; }
https://jsfiddle.net/yk1cverh/2/ https://jsfiddle.net/yk1cverh/2/
您可以在 css 代码中添加以下内容:
body::-webkit-scrollbar {
width: 0.7em;
background: white;
}
body::-webkit-scrollbar-thumb {
background: #c0392b;
height:30px;
}
body::-webkit-scrollbar-track-piece
{
display:none;
}
在这一部分中:
body::-webkit-scrollbar {
width: 0.7em;
background: white;
}
您可以更改background: white;
任何你想要的颜色。您可能需要使其与身体的背景颜色相似或将其设置为透明。
这是一个演示它的 JS Fiddle。
https://jsfiddle.net/qzsbf0tm/687/ https://jsfiddle.net/qzsbf0tm/687/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)