火狐浏览器滚动条如何隐藏

。_饼干妹妹 提交于 2020-12-23 03:59:05

有时候不想让滚动条显示,然后用如下css设置了滚动条宽度为0:

  .sidebar::-webkit-scrollbar{
      width: 0!important;
  }
但是会发现火狐浏览器还是会显示滚动条:
在网上搜索了一小圈之后,发现的相对比较合心意的解决办法如下:
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
即,将滚动条颜色设置为透明(但是滚动条的宽度还是存在,所以原本滚动条的位置会出现一段空白,不是很完美的解决方法,但是应该是最简单的解决方法)
记录下来,供自己以后参考,同时分享给大家。
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!