Question

真的有什么方法可以隐藏Firefox中的滚动条，而无需操纵填充/边距而不将其设置为绝对值，也不必创建特定于浏览器的CSS文件，我只想知道是否有这样的干净解决方案。

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

不幸的是，这仅适用于webkit浏览器。

Answer 1

html { overflow: -moz-scrollbars-none; }

Answer 2

您可以使用技巧以此样式为元素添加父项

html, body{
  height: 100%;
  width: 100%;
  overflow:hidden;
}
#container{
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-right: 10px;
  box-sizing: content-box;
}

此技巧将滚动条发送到视图之外，该滚动条存在，但用户未看到

Answer 3

如果内容的大小小于窗口的大小，通常Firefox将隐藏滚动条。有时会发生的问题是，如果内容的大小由于任何原因而更改，或者窗口的大小更改为内容，则滚动条将重新出现并导致页面发生变化。如果希望滚动条在Firefox中始终可见，则可以使用以下命令

html  {
  overflow-y:scroll;
}

在Firefox中隐藏滚动条

3 个答案: