如何隐藏滚动条而不溢出：隐藏

Question

就我而言，overflow:hidden 确实隐藏了滚动条，但无法滚动（至少滚动在 Firefox 中不起作用）。

我的主页上有一个滚动滑块 - 它会自动滚动以逐个降低全屏元素，然后返回到第一个元素并重新开始。在我看来它看起来真的很好，但是滚动条是可见的——我想让它不可见。带有溢出：隐藏滚动机制不起作用。

知道怎么做吗？

Answer 1

您可以使用 CSS 隐藏滚动条 - 使用 overflow:hidden 和较小的高度/宽度将可滚动容器包装到另一个容器中（取决于您要隐藏的滚动条 - 垂直或水平的滚动条）。如果您有静态容器/内容大小，这种方式会有所帮助。如果容器可以调整大小或大小取决于内容 - 您将不得不使用 JS 解决方案来计算容器大小。