正文

在 Mozilla Firefox 上隐藏滚动条

 2023-03-06  187

关键词：

【中文标题】在 Mozilla Firefox 上隐藏滚动条【英文标题】：hide scroll bars on mozilla firefox 【发布时间】：2017-01-06 11:33:11 【问题描述】：

我正在制作一个网络应用程序，但我似乎无法摆脱 Mozilla Firefox 上菜单的滚动条。它在我测试过的所有浏览器中都能完美运行，除了 Firefox。

这是我用于滚动的 css，目前在 Chrome、IE、Edge 和 Opera 中有效，但在 Firefox 中无效。

.main-sidebar
        position:fixed
    

    .bar
        max-height: 400px; 
        overflow-y: scroll;
    
    .bar::-webkit-scrollbar 
        display: none;
    

    .bar 
        -ms-overflow-style: none; 
        overflow:hidden;
    


    html 
        overflow: scroll;
        overflow-x: hidden;
    
    ::-webkit-scrollbar 
        width: 0px;  /* remove scrollbar space */
        background: transparent;  /* optional: just make scrollbar invisible */

.bar 是我希望隐藏滚动的 div 类。菜单滚动正常，但它没有隐藏在 Firefox 上。有什么想法吗？

【问题讨论】：

【参考方案1】：

请尝试它对我来说很好。

*
   scrollbar-width: none;

【讨论】：

【参考方案2】：

在你的 webkit-scrollbar 上试试这个：

::-webkit-scrollbar  display: none;

它应该可以工作。

【讨论】：

你试过了吗？ ***.com/questions/20997183/… 你的意思是隐藏在父div中的溢出？如何使用jquery？我已经尝试过该命令，但没有任何效果。

“滚动条宽度：无；”在允许滚动时无法在 Firefox 71 中隐藏滚动条

】“滚动条宽度：无；”在允许滚动时无法在Firefox71中隐藏滚动条【英文标题】："scrollbar-width:none;"notworkinginFirefox71tohidescrollbarswhileallowingscrolling【发布时间】：2020-04-2513:19:18【问题描述】：根据alltheanswers关于如何在允许... 查看详情

如何使用 CSS 为 Mozilla Firefox 创建自定义滚动条？ [复制]

】如何使用CSS为MozillaFirefox创建自定义滚动条？[复制]【英文标题】：HowcanIcreatecustomscrollbarforMozillaFirefoxwithCSS?[duplicate]【发布时间】：2014-10-1806:54:49【问题描述】：是否可以使用CSS为MozillaFirefox创建自定义滚动条？我发现一些文... 查看详情

Firefox滚动条隐藏

】Firefox滚动条隐藏【英文标题】：firefoxscrollbarhidden【发布时间】：2013-03-0121:42:19【问题描述】：如何在overflow:auto时隐藏Firefox滚动条？::-webkit-滚动条显示：无；我使用此代码，但这仅适用于GoogleChrome。有什么帮助吗？谢谢！更... 查看详情

Firefox滚动条隐藏

如何在 Firefox 中隐藏滚动条而不停止在 div 中滚动

】如何在Firefox中隐藏滚动条而不停止在div中滚动【英文标题】：HowtohidescrollbarinFirefoxwithoutstopscrollingindiv【发布时间】：2019-01-2808:34:53【问题描述】：如何在mozilafirefox中隐藏滚动条而不停止在div中滚动。我在css下面使用过，但我... 查看详情

Ext.grid.Panel 垂直滚动在 Mozilla Firefox 中非常慢

】Ext.grid.Panel垂直滚动在MozillaFirefox中非常慢【英文标题】：Ext.grid.PanelverticalscrollisextremelyslowinMozillaFirefox【发布时间】：2012-08-2721:34:55【问题描述】：我有一个大约10列的网格面板，在我的数据存储中大约有1000条记录。因为可见... 查看详情

Firefox 中的隐藏滚动条（允许滚动但没有滚动条）

】Firefox中的隐藏滚动条（允许滚动但没有滚动条）【英文标题】：HiddenscrollbarsinFirefox(allowsscrollingbutjustnoscrollbar)【发布时间】：2011-08-1418:52:38【问题描述】：我想创建一个能够滚动但不显示滚动条的div。我找到了Webkit的解决方... 查看详情

Firefox 中的隐藏滚动条（允许滚动但没有滚动条）

css[隐藏滚动条]隐藏firefox#firefox#css中的滚动条(代码片段)

查看详情

在 Mac OS X 上的 Firefox 中强制可见滚动条

...这将在MacOSX上以Lion样式显示滚动条。请参阅：https://wiki.mozilla.org/Lion_Scrollbars/Triage这给我带来了一个问题：默认情况下，div上的查看详情

带有 css 或 jquery 的自定义滚动条 firefox

】带有css或jquery的自定义滚动条firefox【英文标题】：customscrollbarfirefoxwithcssorjquery【发布时间】：2018-12-2119:51:53【问题描述】：我将文本放在带有垂直滚动条的div中。我想隐藏这个栏。在谷歌浏览器上没问题，但在火狐上它是可... 查看详情

Firefox 在 div 滚动条上移动时触发拖动事件

】Firefox在div滚动条上移动时触发拖动事件【英文标题】：Firefoxfiresdrageventswhenmovingoverdivscrollbar【发布时间】：2015-03-1617:33:09【问题描述】：我想开发一个带有div和一些样式的文件拖放组件：dragenter：更改div边框颜色dragleave：恢... 查看详情

溢出-y：隐藏，但仍然可以在 android 上使用 firefox 滚动

】溢出-y：隐藏，但仍然可以在android上使用firefox滚动【英文标题】：overflow-y:hidden,butstillscrollablewithfirefoxonandroid【发布时间】：2015-10-3106:01:33【问题描述】：我使用jquery在叠加层中打开部分视图（显示固定div并禁用底层网页... 查看详情

Chrome（Windows）不隐藏滚动条

...不滚动时会隐藏滚动条。但是，在Windows8上，它在Chrome和Firefox中不起作用。我也不支持这个，但我使用以下CSS启用它：-ms-overflow-style:-ms-a 查看详情

隐藏浏览器上的垂直滚动条但使其仍然有效

...关注了这个post：.containeroverflow-y:scroll;scrollbar-width:none;/*Firefox* 查看详情

css隐藏滚动条

...认会水平和垂直滚动条会一起出现，这是ie6的一个bug，在firefox上是正常的，出现的原因是其对XHTML1.0transitionaldoctype的解释缺陷.对于这个bug一般有3种解决方案，方法1:代码如下:html{overflow-y:scroll;}原理：强制显示ie的垂直滚动条，... 查看详情

css在internetexplorer上隐藏滚动条(代码片段)

查看详情