如何使滚动条通过我的内容上方

Question

我想使滚动条通过我的桌子，而不要在窗口之间留出空间。 我的溢出-y：滚动位于div上。

https://image.noelshack.com/fichiers/2019/21/5/1558714720-capture.png

我的滚动条CSS：

::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: transparent;
}

#board::-webkit-scrollbar-track-piece {
  background: rgba(0, 0, 0, 0.15);
}

::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: rgba(186, 186, 192, 0.4);

  opacity: 0.4;
  border-radius: 16px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(160, 160, 165, 0.85);
}

请问有办法吗？似乎仅靠CSS并不是真的可能，但我不想使用插件

谢谢