html - 在 Firefox 中隐藏滚动条

Question

我想在页面中隐藏一个滚动条，但我可以滚动，就像它有一个滚动条一样。 所以我不能使用 overflow:hidden 因为我希望我可以像平常一样滚动 但看不到滚动条。

所以我使用这个css代码(class not-scroll-body是一类body标签)

.not-scroll-body::-webkit-scrollbar {
    display: none; 
}

它在 Chrome 中工作，但是当我像这样使用 -moz- 而不是 -webkit- 时

.not-scroll-body::-moz-scrollbar {
    display: none; 
}

它在 Firefox 中不起作用。

我该怎么做才能让它发挥作用？

感谢您的每一个回答，并为我糟糕的英语语言感到抱歉:)

Answer 1

在 firefox 64 中，如果您想在 overflow:auto 时隐藏滚动，您现在可以执行 scrollbar-width: none; !呜呜呜! Here are the relevant docs (浏览器支持显示在页面底部)。

下面是一个简单的 纯 css 解决方案，它将在 firefox 中隐藏垂直和水平滚动条(在 v64 和 firefox 开发版 v65.0b8 中测试)。 提示:尝试在蓝色 div 上进行垂直和水平滚动。

.not-scroll-body {
  overflow: auto;
  height: 200px;
  width: 90%;
  background: linear-gradient(to bottom, cyan, blue);
  white-space: no-wrap;

  /* the line that rules them all */
  scrollbar-width: none;
  /* */
}

span {
  width: 200%;
  height: 400%;
  background: linear-gradient(to left, green, yellow);
  display: inline-block;
  margin: 5rem;
}

<div class="not-scroll-body"><span></span></div>