位置绝对高于内容的自定义滚动条

Question

有没有办法为位置绝对的div设置自定义滚动条？

由于设计布局，我的内容宽度为100％，应该在滚动后面传递。

鼠标悬停时会显示滚动条。

我试图自定义一些示例，例如来自codepen的示例：

#style-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}

https://codepen.io/devstreak/pen/dMYgeO

感谢。