css - 奇怪的滚动条

Question

我喜欢我在这个网站上看到的滚动条，但它似乎不起作用。卷轴看起来很漂亮，但它旁边有一个灰色间隙，它通过使页面上的其他元素成为正方形来影响它们。我不太清楚我做错了什么......

/* SCROLLBAR */

body {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 overflow-y: auto;
 overflow-x: hidden;
 }

::-webkit-scrollbar {
 width: 10px;
 height: 10px;
 }

::-webkit-scrollbar-track-piece {
 background-color: rgba(1, 1, 1, 0.8);
 }

::-webkit-scrollbar-thumb:vertical {
 height: 50px;
 background-color: #FFFFFF;
 }

我网站的 http://www.dragonclub.co.uk谢谢，亚历克斯

Answer 1

你的问题是 body {overflow-y: scroll}。

无论页面大小如何，scroll 都会在页面上永久放置一个“默认”滚动条，这实际上是将另一个滚动条推到一边。您应该改用 auto，或者完全删除样式。

至于您对其他看起来正方形的元素的评论……它们应该是什么样子？