Scrollbar Cleanup

So recently I obtained this scrollbar code:

Code:

body::-webkit-scrollbar {
    width: 15px;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #ffffff;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #FFFFFF;
  outline: 1px solid #000000;
}

Is there any way to compress it so it doesn't glitch out every once in a while?
[Sometimes I spans the whole page, and the browser freezes for a few seconds before reverting.]

Hi @Six Letters,

I took a look on your forum, but I didn't encounter anything out of the ordinary. Do you have an example of this problem occurring, or a place where it always occurs ?

I couldn't provide evidence even if I tried. It's for brief seconds.

Sometimes I'll open up the homepage, the scrollbar will pan longer than the page and everything gets out of order and out of wack for a few seconds, then the scrollbar goes back to normal and everything is fine.

If there is no way to fix it, then it is fine.

Hmm... The only thing I can think to try would be to take out the body tag, to see if that changes anything. That would make the scrollbar design global though.

Code:

::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 8px #ffffff;
}
 
::-webkit-scrollbar-thumb {
  background-color: #FFFFFF;
  outline: 1px solid #000000;
}

Other than that, I can't really find a solution since I haven't experienced the problem myself.

That actually worked. Cool, thanks.