Javascript 带有自定义滚动条（不带jQuery）的HTML表

我创建了一个带有固定标题和可滚动体的HTML表。我想样式的滚动条看起来像附加的图像

使用webkit，我改变了滚动条的颜色，但我不知道如何添加圆圈

::-webkit-scrollbar {
  width: 15px;
  background-color: #00467f; }

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

::-webkit-scrollbar-thumb {
 background-color: #00bce4;
 outline: 1px solid slategrey;
 z-index: 10; }

---

这可以只用HTML、CSS和纯Javascript实现吗？

宽度为30px和<代码>高度：30px，

边界半径：30px

给你一个圆圈，也许这有助于你发挥创造力。

我猜你必须自己实现整个滚动条，而不仅仅是改变标准的外观。有一个小脚本-我将它添加到

：-webkit scrollbar thumb

，它保持不变。