Absolute scrollbar doesn't work in html/css

I customized the scroll bar in my website as following:

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}

::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 5px;
  position: absolute;
}

::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
  position: absolute;
}

I want to make the scrollbar to overlap the website with absolute position so it doesn’t occupy any width of parent node.
But it doesn’t work!

You need to sign in to view this answers