如何使滚动条不可见-透明

Question

嘿，有没有可能让滚动条“隐藏”我不想使用 overflow-y: hidden 只是像 background: transparent 之类的东西

原文由 george 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Here 你会找到一个描述如何只用CSS隐藏滚动条。

在第二个 示例 中，您将找到一个解决方案，例如如何在 div 中隐藏滚动条。

第二个示例中的技巧是定义一个比周围容器更宽的 div 容器。

 .hidden-scrollbar .inner {
   height:200px;
   overflow:auto;
   margin:15px -300px 15px 15px;
   padding-right:300px;
}

只需使用 margin 和 padding 的值即可。

原文由 Moritz Jaeger 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在 Webkit 浏览器中：

 ::-webkit-scrollbar {
    display: none;
}

原文由 Fjut 发布，翻译遵循 CC BY-SA 3.0 许可协议