在 Mozilla Firefox 上隐藏滚动条

Posted 2023-03-06

【中文标题】在 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？我已经尝试过该命令，但没有任何效果。