CSS隐藏滚动条，但有元素可滚动 [英] CSS hide scroll bar, but have element scrollable

问题描述

我有这个元素叫做元素，元素里面的内容比元素高度长，我想让它滚动但隐藏滚动条，我该怎么做？

I have this element called items and the content inside the element is longer than the element height, I want to make it scrollable but hide the scroll bar, how would I do that?

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

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

我试着将左边的类溢出设置为auto，

I tried setting the left-side class overflow to auto, but that didn't do anything.

推荐答案

您可以隐藏它：

You can hide it :

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

下次有一些研究发布之前新问题：隐藏滚动条，但仍然能够滚动

Next time have some research before to post a new question : Hide scroll bar, but still being able to scroll

这篇关于CSS隐藏滚动条，但有元素可滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！