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

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

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

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

有人可以帮忙吗?

解决方法

我能够隐藏滚动条,但仍然能够使用此解决方案滚动鼠标滚轮:
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);
  });

猜你在找的CSS相关文章