html - 内容上方绝对位置的自定义滚动条

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

谢谢。