奇怪的滚动条

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

取出位置，计有左上底部和右侧。

Answer 2

body {margin-right: -10px;} 

或

body {right: -10px;} 

Answer 3

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

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

至于你提到的其他元素的评论看平方...他们应该是什么样子？从身体