Странная полоса прокрутки

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 или полностью удалить стиль.

Что касается вашего комментария о других элементах, выглядящих квадратом ... как они должны выглядеть?