在firefox中隐藏滚动条
在firefox中隐藏滚动条
提问于 2013-10-25 03:00:34
我想在页面中隐藏滚动条，但我可以滚动，就像它有滚动条一样。所以我不能使用溢出:隐藏，因为我希望我可以像普通滚动，但不能看到滚动条。
所以我使用这个css代码(类非滚动体是一个身体标记的类)。
.not-scroll-body::-webkit-scrollbar {
display: none;
}它在Chrome中工作，但是当我使用-moz-而不是像这样的-webkit-时
.not-scroll-body::-moz-scrollbar {
display: none;
}它在Firefox中不起作用。
我能做些什么才能让它发挥作用？
谢谢你的每一个回答，并对我糟糕的英语语言表示歉意:)
回答 7
Stack Overflow用户
发布于 2019-01-08 19:34:58
在火狐64中，如果你想在有overflow:auto的时候隐藏滚动，你现在可以做scrollbar-width: none;了！woop！这是相关的文档 (浏览器支持显示在页面底部)。
下面是一个简单的css解决方案，它将在火狐中隐藏垂直和水平滚动条(在v64 & firefox版本v65.0b8中进行测试)。提示：尝试在蓝色div上进行垂直和水平滚动。
.not-scroll-body {
overflow: auto;
height: 200px;
width: 90%;
background: linear-gradient(to bottom, cyan, blue);
white-space: no-wrap;
/* the line that rules them all */
scrollbar-width: none;
/* */
}
span {
width: 200%;
height: 400%;
background: linear-gradient(to left, green, yellow);
display: inline-block;
margin: 5rem;
}<div class="not-scroll-body"><span></span></div>
Stack Overflow用户
发布于 2013-10-25 03:14:09
Stack Overflow用户
发布于 2014-09-18 05:10:34
我能够隐藏滚动条，但仍然能够使用此解决方案使用鼠标轮滚动：
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);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19580366
复制相关文章
相似问题
腾讯云开发者
