如何在FireFox浏览器中隐藏滚动条(同时可以滚动)？
在FireFox浏览器中隐藏滚动条并且保持滚动功能，可以通过CSS样式来实现。以下是一种常用的方法：
- 首先，在HTML文件的
<head>标签中添加以下CSS样式代码：
<style>
/* 隐藏滚动条 */
body {
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}
/* 滚动条样式 */
::-webkit-scrollbar {
width: 6px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: transparent;
}
</style>- 然后，在需要隐藏滚动条的元素的CSS样式中添加以下代码：
.element {
/* 隐藏滚动条 */
overflow: -moz-scrollbars-none;
/* 滚动条样式 */
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}- 最后，在JavaScript中添加以下代码，以确保滚动功能正常：
// 恢复滚动功能
document.documentElement.style.overflow = 'auto';
document.body.scroll = 'yes';这样，通过以上步骤，就可以在FireFox浏览器中隐藏滚动条并保持滚动功能。请注意，这种方法只适用于FireFox浏览器，其他浏览器可能需要使用不同的方法来实现相同的效果。
推荐的腾讯云相关产品：腾讯云CDN（内容分发网络），详情请参考腾讯云CDN产品介绍。
相关·内容
如何在FireFox浏览器中隐藏滚动条(同时可以滚动)，还是有一段代码可以在所有浏览器中隐藏滚动条(同时可以滚动)。
浏览 56提问于2021-06-08得票数 0
2回答
我有一个react应用程序，如果用户在windows机器上，我想删除滚动条，而不管使用的是什么浏览器。以下是我的应用程序组件中的一段代码： // getOS will pass 'win64' as a string to the OuterContainer if the user is browsing
浏览 32提问于2021-05-10得票数 0
3回答
我想有一个div区域可滚动在我的页面上，并已设置溢出在我的div CSS的滚动，但现在我想隐藏滚动条在所有的浏览器，这样div可以滚动没有滚动条/面板显示，包括隐藏在Firefox的可怕的滚动面板，我知道如何隐藏滚动条在chrome，但这在firefox不起作用，有人能建议谢谢吗？下面是我用来在chrome和其他webkit浏览
浏览 7提问于2013-04-15得票数 5
我知道这是一个重复的问题，但问题仍然没有解决，在不同的网站上尝试了各种方法，但在chrome中，滚动条是隐藏的，它工作得很好，但在Mozilla Firefox中，即使我为-moz应用了隐藏的属性，它也可以显示滚动条overflow-x: hidden;.scroll-box::-webkit-scrollbar {}
对于Firef
浏览 1提问于2018-07-10得票数 0
2回答
使用CSS，如何才能允许垂直和水平滚动(在overflow上)，而只显示水平滚动条(在Firefox中)？根据以下内容：
scrollbar-width: none
隐藏滚动条(在Firefox中)，但这似乎隐藏了垂直和水平滚动条。难道使用CSS只隐藏垂直滚动条，同时仍然显示水平滚动条是不可能的吗？
浏览 6提问于2021-04-21得票数 0
1回答
我需要一些内容在div中出现(淡入)和消失(淡出)，同时使用浏览器滚动条(而不是div中的滚动条)向下滚动，使其在向上滚动时(在循环中)发生逆转。这个链接显示了一个关于我的确切意思的视频：
这看起来很简单，但我在互联网上看到的所有例子都与在屏幕的顶部/底部显示/隐藏内容有关。其他的，例如新闻代码，依赖于div内的滚动条或按钮来滑动内容()。那么，如何在屏幕/页面中间的div中</
浏览 1提问于2015-05-23得票数 1
回答已采纳
我已经用CSS建立了自己的自定义滚动条，我想知道如何只将这些设置应用到我的垂直横栏中。
我已经查找过其他帖子来解决这个问题，但是在我的项目中没有成功地实现他们的解决方案。任何修复，无论是完全删除我的水平滚动条，或将其设置重置为默认，将不胜感激。
浏览 2提问于2021-05-08得票数 3
回答已采纳
1回答
我正在写一个布局，有三个单独的可滚动的图片列，就像this页面一样。不同的是，在我们的设计中，图像之间只有一个像素。我设法在chrome和最新的Firefox中隐藏了滚动条。在Firefox 63.0.1中，它们仍然存在，我需要隐藏它们，同时仍然保留-能够单独向下滚动divs只有那些较旧的firefox版本，图片之间的距离为1px或更宽。或者我确定这个设备不是最新的Fire
浏览 11提问于2019-02-02得票数 0
回答已采纳
我有一个带滚动条的基本容器。在osx的浏览器上，默认的滚动条看起来非常漂亮。但是在Windows上，我知道造型可能是非常古老的。我没有窗户电脑。如何确保这些操作系统之间的样式保持一致？有没有一种简单的方法来强制滚动条的样式，这样我就可以在窗口上得到这个黑色、薄圆形的渲染了吗？
浏览 3提问于2021-03-08得票数 1
回答已采纳
我想要显示一个没有滚动条的文本区，同时保持滚动行为。当用户输入时，我只想让上面的行从文本框的顶部消失。
我可以在IE和Chrome中使用overflow:hidden实现这一点。然而，当在Windows上的Firefox5中测试时，文本区域不会自动滚动，新文本会从文本区域的底部而不是顶部掉下来。使用overflow:滚动效果很好，但我需要一个可靠的跨浏览器的方式来隐藏滚动条。任何想法都将不胜感激。
浏览 0提问于2011-10-07得票数 2
回答已采纳
2回答
如何隐藏滚动条并保持内容可滚动？
、、、、
我想将我的html页面打印成PDF文件，但不希望滚动条显示在PDF文件中。我的页面有一个可滚动的正文，所以如果我这样设置： overflow: hidden;正文在最终的pdf文件中将是不完整的。那么，如果有一种方法可以阻止滚动条显示，但内容仍然可以滚动呢？
浏览 1提问于2017-02-16得票数 4
回答已采纳
height: 414px; width: 902px;}
我试过用overflow-y: hidden;，滚动条消失了，但是滚动条不起作用。
浏览 25提问于2013-12-07得票数 21
回答已采纳
1回答
使用css隐藏页面中的主滚动条
、、、、
我只想删除顶部的滚动条，同时在页面中保留一些。{}
在主体的css上使用overflow: hidden;似乎可以做我想做的事情，但是我无法向下滚动页面。总之，我只想隐藏主页面滚动条，而保留其余的和能够滚动？
浏览 1提问于2018-06-05得票数 0
回答已采纳
1回答
我必须隐藏元素的垂直滚动条，但我必须使“滚动”保持工作，例如使用鼠标滚轮。我关注了这个post .container { scrollbar-width: none; /* Firefox */} width: 0;
height: 0;
浏览 17提问于2021-09-24得票数 0
回答已采纳
38回答
隐藏滚动条，但仍可滚动
、、、、
我希望能够滚动整个页面，但不显示滚动条。在Google Chrome中，它是： display: none;但Mozilla Firefox和Internet Explorer似乎不是这样工作的我也在CSS中尝试过：这确实隐藏了滚动条，但我不能再滚动了。
有没有一种方法可以删除滚动条，同时仍然可以
浏览 2提问于2013-05-21得票数 1501
回答已采纳
有没有可能完全隐藏滚动条使用CSS的Mozilla FireFox浏览器？例如，在it浏览器上，我使用了: Overflow-x:隐藏；Overflow-y:隐藏；-它隐藏了滚动条，但FireFox忽略了这个CSS。这是IE的截图：
我忘了说我把CSS放在了iframe里面，就像这个<style>body { overflow:hidden; }
浏览 0提问于2010-05-21得票数 4
回答已采纳
2回答
我试图在CSS的动态大小元素中隐藏滚动条，并允许内容占据滚动条所在的空间。我已经设法通过在元素右侧添加一些额外的填充来隐藏该条，从而将其推出overflow: hidden div，但是内容不会扩展以填充滚动条所占的空间。我不想对滚动条宽度使用任何静态值，因为浏览器和一些浏览器(如Chrome)在缩放时会改变滚动条宽度。使用滚动
浏览 4提问于2016-02-27得票数 0
根据关于如何在允许滚动的同时隐藏滚动条的说法，标准方法是 -ms-overflow-style: none; /* Internet Explorer 10+*/} display: none在FF 71中，当超出视区时，
浏览 0提问于2020-01-08得票数 9
1回答
我尝试使用两个不同的角度插件，它们都使用指令来创建滚动条。我的问题是，我想要更改的滚动条在垂直导航条上，而导航条处于固定位置。所以，当我将指令放在导航条中时，它很好地构建了新的滚动条，无论旧的默认滚动条如何仍然存在，这是因为导航条有一个最大的高度和一个y-overflow = auto，如果我将它更改为y-overflow =hidden，那么新的滚动条就不会一直延伸到导航条的底部。我知道有一个css解决方案，但是它在大多数浏览器中不兼容，所以我需要用
浏览 3提问于2015-05-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
