Html 在firefox中隐藏滚动条

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

所以我使用这个css代码（类而不是滚动体是一个类的体标记）

它在Chrome中工作，但是当我使用

-moz-

而不是像这样使用

-webkit-

时

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

它在Firefox中不起作用

我能做些什么使它工作

谢谢你的每一个回答，也为我糟糕的英语感到抱歉：）

根据我在网络上所能找到的一切，没有Firefox与

-webkit滚动条

选择器等价。显然有一个属性，

-moz scrollbars none

，您可以使用它，但它已经被删除，人们使用

溢出：隐藏
或黑客
右边距：-14px
解决方案

很抱歉，我帮不上什么忙了——似乎Firefox无法优雅地实现这一点。
我可以隐藏滚动条，但仍然可以使用鼠标滚轮滚动此解决方案：

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

下载插件并包含以下功能：

jQuery('html,body').bind('mousewheel', function(event) {
    event.preventDefault();
    var scrollTop = this.scrollTop;
    this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -1));
    //console.log(event.deltaY, event.deltaFactor, event.originalEvent.deltaMode, event.originalEvent.wheelDelta);
  });

我假设您想在本地隐藏滚动条。我的意思是，不是在网络服务器上让全世界都能看到，而是在本地的firefox上，只是为了你的“观看乐趣”

这是我在opensuse/kde上发现的对我有用的东西：
在userChrome.css中

#content browser {
margin-right -12px !important;
overflow-x:hidden;
overflow-y:scroll;
}

使用-14px完全隐藏垂直滚动（如果您的系统主题具有更宽的滚动设置，则会隐藏更多）。我使用更少的（10px）来查看一点，这样我就可以点击鼠标中键跳转到页面上的某个位置

我做过的事情，但不再总是有效：
在userContent.css中

#content browser {
overflow:-moz-scrollbars-none;
}

-或-

上面的内容过去是可以工作的，但我现在已经丢失了鼠标滚轮。现在只有键盘箭头键可以工作

希望我了解你想要什么，这对你有帮助。
Landis.
您可能可以使用——这非常适合我的需要，部分原因是我已经在使用了。
cf：

我就是这样做的，只有CSS和bootstrap这样的框架才能很好地工作。它只需要两个额外的div：

如果您有触摸屏，您可以选择文本使其滚动或用手指滚动


.overflow-x-scroll-no-scrollbar{overflow:hidden；}
.overflow-x-scroll-no-scrollbar div{
溢出x：隐藏；
边缘底部：-17px；
溢出y：隐藏；
宽度：100%；
}
.overflow-x-scroll-no-scrollbar div*{
溢出-x：自动；
宽度：100%；
填充底部：17px；
空白：nowrap；
光标：指针
}
/*下面的类只是为了使示例看起来更好*/
.行{宽度：100%}
.col-xs-4{宽度：33%；浮点：左}
.col-xs-3{宽度：25%；浮点：左}
.bg灰色{背景色：#DDDDDD}
.bg橙色{背景色：#FF9966}
.bg蓝色{背景色：#6699FF}
.bg橙色灯光{背景色：#FFAA88}
.bg蓝光{背景色：#88AAFF}

第1栏
第2栏
第3栏
内容1
此内容对于容器来说太长，因此需要隐藏，但无需滚动条即可滚动
内容3
在firefox 64中，如果您想在出现
溢出：自动时隐藏滚动条，现在可以执行
滚动条宽度：无！呜呜！（浏览器支持显示在页面底部）

下面是一个简单的css专用解决方案，它将在firefox中隐藏垂直和水平滚动条（在v64和firefox开发版v65.0b8中测试）提示：尝试在蓝色分区上垂直和水平滚动


。不是滚动体{
溢出：自动；
高度：200px；
宽度：90%；
背景：线性梯度（至底部，青色，蓝色）；
空白：无换行；
/*统治他们所有人的那条线*/
滚动条宽度：无；
/* */
}
跨度{
宽度：200%；
身高：400%；
背景：线性渐变（向左、绿色、黄色）；
显示：内联块；
保证金：5雷姆；
}
因为我自己也在寻找它，而这个线程没有提供更新的答案，所以我会像我一样为其他新来者提供它

#element{
 scrollbar-width: none;
}

为什么不两个都用呢？另外，欢迎来到StackOverflow，你的英语很好：）@christian实际上，我在我的代码中都用了，但它只适用于Chrome，不适用于firefox：'）也许你可以做一些类似的事情……我尝试了右边距：-14px，但滚动条没有改变位置（没有发生任何变化）尽管内部内容的位置向右改变（从右边距-14）หมี เมืองทอง - 确保父元素是
溢出：隐藏
溢出：隐藏
在FF Mac上运行良好，但您似乎仍然需要使用
overflow:-moz滚动条none在Windows上（甚至在39.0上）。但是MDN声明这已经过时了，所以请谨慎使用。现在在Firefox版本64中可以使用。参见protoEvangelion的回答。
html {
overflow: -moz-scrollbars-none;}
}

#element{
 scrollbar-width: none;
}