CSS隐藏滚动条，但元素可滚动

我有一个名为 items 的元素，元素内的内容更长 比元素高度，我想让它可滚动但隐藏滚动条， 我该怎么做呢？

<div class="left-side">
    <div
      class="items"
      style="display:block;width: 94%;margin: 0 auto;overflow: hidden;"
    >
    </div>
</div>

.left-side {
    height: 878px;
    padding-top: 20px;
    width: 1470px;
}

我尝试将左侧类溢出设置为自动，但这没有用 任何事物。

您可以隐藏它：

html {
  overflow:   scroll;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

欲了解更多信息，请参阅：隐藏滚动条，但仍然可以滚动 https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll