モダンなブラウザのみサポートする場合は、scrollbar-width: noneの指定のみでスクロールバーを隠すことが出来る。

次はscrollbar-width: noneを使用してスクロールバーを隠したデモ。有効な環境であれば、スクロールバーが消えているがスクロール領域は存在するため、例えば方向キーなどで操作は可能。

モダンでないブラウザの場合もサポートする場合は、次のように指定すれば良い。

.hide-scrollbar {
  /* for modern browsers */
  scrollbar-width: none; 

  /* for IE, legacy Edge */
  -ms-overflow-style: none; 
}
/* for legacy webkit/blink browsers */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

次は古いブラウザもサポートしたデモ。