奇怪的滚动条

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 {margin-right: -10px;}

或

body {right: -10px;}

Answer 2

您的问题出在body {overflow-y: scroll}。

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

至于你对其他元素看法的评论...它们应该怎么样？

Answer 3

从身体移除位置，包括左上角和右上角。