在 Firefox 中隐藏滚动条答案

【问题标题】：Hide the scrollbar in Firefox在 Firefox 中隐藏滚动条
【发布时间】：2019-06-20 18:45:57
【问题描述】：

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

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

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

【问题讨论】：

在相应的元素上使用overflow: hidden。

标签： css firefox scrollbar

【解决方案1】：

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

【讨论】：

这是marked as obsolete，赞成只使用hidden。
谢谢，但这并不能让我滚动页面，我只想隐藏它并能够滚动。
您只需要在 Firefox 或任何浏览器中使用它吗？您已经提到了 Firefox。有适用于所有浏览器的解决方案，但在 Firefox 中还没有得到任何东西。

【解决方案2】：

你可以使用一个技巧使用此样式为您的元素添加父级

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

这个技巧将滚动条从视图中发送出去，它存在但用户没有看到它

【讨论】：

【解决方案3】：

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

html  {
  overflow-y:scroll;
}

【讨论】：