I don't have that problem .. all scrollbars show abloute correct .. (custom styled)
Tested with chrome 62.0.3202.94 (64bit) on windows 10 and Opera 49.0.2725.47 (64bit) on windows 10
I use these custom styles for webkit browser:
::-webkit-scrollbar {
width: 10px;
height: 10px;
background: rgba(220,220,220,1);
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
background: rgba(94,135,176,1);
border-radius: 5px;
box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}
::-webkit-scrollbar-button:vertical:increment {
background: rgba(94,135,176,1);
border-radius: 5px 5px 0 0;
box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-button:vertical:decrement {
background: rgba(94,135,176,1);
border-radius: 0 0 5px 5px;
box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}
Try it .. test it ..
Fel