奇怪的滾動條

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，或完全刪除樣式。

至於你提到的其他元素的評論看平方...他們應該是什麼樣子？從身體