正文

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

 2023-03-06  246

关键词：

【中文标题】如何在 Firefox 中隐藏滚动条而不停止在 div 中滚动【英文标题】：How to hide scrollbar in Firefox without stop scrolling in div 【发布时间】：2019-01-28 08:34:53 【问题描述】：

如何在 mozila firefox 中隐藏滚动条而不停止在 div 中滚动。

我在css下面使用过，但我不想在我添加了滚动条的div中添加“overflow-x:hidden”。我也不能使用 jQuery 相关的滚动条插件，因为我添加了 3 级嵌套菜单，所以它与打开的二级菜单冲突。

margin-right: -16px;
overflow-y: scroll;
overflow-x: hidden;

我也用过下面的css，但它在firefox中不起作用。

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

如果您对此问题有任何与 CSS/jQuery 相关的建议，请告诉我。

【问题讨论】：

How to hide scrollbar in Firefox?的可能重复 How to hide scrollbar from body using jquery的可能重复 【参考方案1】：

您必须将可滚动的 div 包装在另一个 div 中，使用 overflow:hidden 隐藏滚动条。

   #wrap 
        width: 150px;
        overflow: hidden;
        outline: 1px solid yellow;
    
    
    #scroll 
        width: 170px;
        height: 100px;
        overflow: auto;
        background: blue;
        color: white;

<div id="wrap">
        <div id="scroll">
            foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>
            foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>
            foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>foo<br>bar<br>baz<br>      
        </div>
    </div>

【讨论】：

它工作正常，但不适用于我的场景，因为如果我应用您的解决方案，则不会显示二级菜单也许你应该粘贴完整的结构来看看你已经拥有什么

firefox flex 不会因滚动条而增长

】firefoxflex不会因滚动条而增长【英文标题】：firefoxflexdoesn\'tgrowforscrollbar【发布时间】：2017-06-1515:17:03【问题描述】：我遇到了特定于firefox(afaik)的问题。如果你有chromeflex:00auto;overflow:auto;当y方向溢出时，它占了滚动条的额外宽... 查看详情

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

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

animate() 在滚动停止之前不会触发

...才开始，而不是在滚动仍在正常进行时开始。这在Chrome和Firefox上被复制。但是，使用查看详情

如何在 android 中创建进度条而不使用 xml 文件中的进度条小部件？

】如何在android中创建进度条而不使用xml文件中的进度条小部件？【英文标题】：Howtocreateprogressbarinandroidwithoutusingprogressbarwidgetinxmlfile?【发布时间】：2021-07-0705:09:05【问题描述】：我想在我的应用中做一些新的事情。我想在android... 查看详情

在 Mozilla Firefox 上隐藏滚动条

】在MozillaFirefox上隐藏滚动条【英文标题】：hidescrollbarsonmozillafirefox【发布时间】：2017-01-0611:33:11【问题描述】：我正在制作一个网络应用程序，但我似乎无法摆脱MozillaFirefox上菜单的滚动条。它在我测试过的所有浏览器中都能... 查看详情

在 matplotlib 用户界面中更新颜色条而不重置缩放历史记录

】在matplotlib用户界面中更新颜色条而不重置缩放历史记录【英文标题】：updatingcolorbarwithoutresettingzoomhistoryinmatplotlibuserinterface【发布时间】：2016-05-2104:23:54【问题描述】：我正在尝试使用类似于例如http://matplotlib.org/examples/event_ha... 查看详情

javafx-如何从textarea隐藏滚动条？

任何人都可以告诉我如何隐藏滚动条而不禁用它？我正在编写一个聊天系统并且具有核心功能，但是当聊天填满textarea时，滚动条会出现以便进一步向下腾出空间但是我似乎无法找到隐藏滚动条的方法而不会完全消除它。否则，... 查看详情

如何从 Mozilla Firefox 隐藏滚动条？ [复制]

】如何从MozillaFirefox隐藏滚动条？[复制]【英文标题】：Howtohidescrollbarfrommozillafirefox?[duplicate]【发布时间】：2019-06-0119:42:49【问题描述】：CSS隐藏MozillaFirefox的滚动条，因为我们可以将它隐藏在chrome中，例如：-::-webkit-scrollbar【问... 查看详情

如何禁用滚动而不隐藏它？

】如何禁用滚动而不隐藏它？【英文标题】：Howtodisablescrollwithouthidingit?【发布时间】：2012-01-3120:55:53【问题描述】：我正在尝试在使用灯箱时禁用父级的html/body滚动条。这里的主要词是禁用。我确实不想用overflow:hidden;隐藏它。... 查看详情

如何在滚动列表视图上显示/隐藏底部导航视图？

】如何在滚动列表视图上显示/隐藏底部导航视图？【英文标题】：Howtoshow/hidebottomnavigationviewonscrolllistview?【发布时间】：2019-12-2512:49:15【问题描述】：更新：我正在实现的底部导航视图仅适用于单个片段，而不是在任何活动中... 查看详情

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

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

Firefox滚动条隐藏

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

Firefox滚动条隐藏

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

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

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

SBT 停止运行而不退出

...nwithoutexiting【发布时间】：2011-07-0511:30:54【问题描述】：如何在不退出的情况下终止SBT中的运行？我正在尝试CTRL+C，但它退出了SBT。有没有办法在保持SBT打开的同时只退出正在运行的应用程序？【问题讨论】：Ctrl+D不起作用。我... 查看详情

如何在页面滚动时隐藏元素？

】如何在页面滚动时隐藏元素？【英文标题】：Howtohideanelementaspageisscrolled?【发布时间】：2021-12-3116:27:06【问题描述】：当我在页面中向上滚动时，我试图隐藏一个元素。我正在使用剪辑路径和位置：固定来尝试实现这一目标。T... 查看详情