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

Question

我有一个名为 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;
}

我尝试将左侧类溢出设置为自动，但没有成功 任何东西。

Answer 1

你可以隐藏它:

html {
  overflow:   scroll;
}

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

更多信息，请参阅:Hide scroll bar, but while still being able to scroll