如何在Firefox中隐藏滚动条？

我刚刚找到了如何隐藏在谷歌浏览器的滚动条，我使用此代码做了它：如何在Firefox中隐藏滚动条？

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

唯一的问题是，这样做在Firefox上不工作。

试过很多方法可以做，但仍然无效。

有人可以帮忙吗？

来源

2014-01-08 Daan Kleijngeld

没有按”这样做似乎是一个好主意。使用隐藏在html，body上的css overflow并使用100％高度和宽度的包装div。 – Abhitalks

这可能有点太明显了，但是你试过Firefox吗？虽然我同意abhitalks，但这似乎并不是一种很好的方法。 – Myles

http://stackoverflow.com/questions/15394065/firefox-scroll-bar-hidden – Jacob

-1

Mozilla支持论坛中的文章讨论了“如何隐藏或禁用垂直和水平滚动条？”

确保您已将userChrome.css文件放入Firefox配置文件文件夹的chrome文件夹中。

此chrome文件夹默认情况下不存在，需要创建。

http://kb.mozillazine.org/Editing_configuration/Troubleshooting

@namespace URL（ “http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”）;/*只需要做一次*/

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

您可以在下面的链接查看此

http://support.mozilla.org/en-US/questions/957337

来源

2014-01-08 13:48:19 Mahib

请描述该链接背后的内容，如果该页面被移除或链接死亡，则此答案将毫无用处。 –

如何隐藏或禁用垂直和水平滚动条？ – Mahib

它不适用于'Firefox'版本58.0.2 – AmerllicA

这是一个通用的解决方案的东西：

<div class="outer"> 
<div class="inner"> 
    Some content... 
</div> 
</div> 

<style> 
.outer { 
overflow: hidden; 
} 
.inner { 
margin-right: -16px; 
overflow-y: scroll; 
overflow-x: hidden; 
} 
</style>

滚动条被父div隐藏。

这需要你使用overflow：隐藏在父div中。

来源

2014-01-08 13:48:37 Myles

工作，但不可靠，因为16px只是滚动条的假定宽度。当你复制时， – igorpavlov

+22

给真正的作者@chowey。 http://stackoverflow.com/questions/15394065/firefox-scroll-bar-hidden?lq=1 –

当div div内容长度大于屏幕宽度时，它不适用于FF 56 –

我能够隐藏滚动条，但仍然能够滚动鼠标滚轮使用此解决方案：

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

下载插件https://github.com/brandonaaron/jquery-mousewheel，包括这样的功能：

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); 
    });

来源

2014-09-18 05:07:33 CrazyScientist

这似乎等同于“溢出：隐藏;“并且不允许滚动:-( – bob

适用于我 - 现在隐藏在Firefox中的水平滚动条，谢谢！ –

尝试使用此：

overflow-y: -moz-hidden-unscrollable;

来源

2017-12-28 15:41:50 peeter

它隐藏了'scrollbar'，但是停止了滚动操作，'overflow-y：-moz-hidden-unscrollable;有什么区别？ '和'overflow：hidden'。实际上没有，所以这不是正确的答案，但我给你一个投票，谢谢。 – AmerllicA

对于webkit的使用下列内容：

::-webkit-scrollbar { 
    width: 0px; /* remove scrollbar space */ 
    background: transparent; /* optional: just make scrollbar invisible */ 
}

Mozilla Firefox的使用下面的代码：

@-moz-document url-prefix() { 
    html,body{overflow: hidden !important;} 
}

，如果滚动不工作，然后添加

element {overflow-y: scroll;}

特定元素

来源

2018-02-28 05:21:10

如何在Firefox中隐藏滚动条？

回答

相关问题