css – 如何在Firefox中隐藏滚动条?

前端之家收集整理的这篇文章主要介绍了css – 如何在Firefox中隐藏滚动条?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我刚刚发现了如何在Google Chrome中隐藏滚动条,我使用以下代码完成了:
  1. ::-webkit-scrollbar { display: none; }

唯一的问题是这不适用于Firefox.

试过很多方法但是它仍然不起作用.

有人可以帮忙吗?

解决方法

我能够隐藏滚动条,但仍然能够使用此解决方案滚动鼠标滚轮:
  1. html {overflow: -moz-scrollbars-none;}

下载插件https://github.com/brandonaaron/jquery-mousewheel并包含此功能

  1. jQuery('html,body').bind('mousewheel',function(event) {
  2. event.preventDefault();
  3. var scrollTop = this.scrollTop;
  4. this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -1));
  5. //console.log(event.deltaY,event.deltaFactor,event.originalEvent.deltaMode,event.originalEvent.wheelDelta);
  6. });

猜你在找的CSS相关文章