火狐瀏覽器滾動條如何隱藏

有時候不想讓滾動條顯示,而後用以下css設置了滾動條寬度爲0:
css

  .sidebar::-webkit-scrollbar{
      width: 0!important;
  }
可是會發現火狐瀏覽器仍是會顯示滾動條:
在網上搜索了一小圈以後,發現的相對比較合心意的解決辦法以下:
  overflow-y: scroll;
  scrollbar-color: transparent transparent;
  scrollbar-track-color: transparent;
  -ms-scrollbar-track-color: transparent;
即,將滾動條顏色設置爲透明(可是滾動條的寬度仍是存在,因此本來滾動條的位置會出現一段空白,不是很完美的解決方法,可是應該是最簡單的解決方法)
記錄下來,供本身之後參考,同時分享給你們。
相關文章
相關標籤/搜索