Как заставить мою полосу прокрутки проходить выше моего содержания

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, но я не хочу использовать плагин

Спасибо