不同瀏覽器CSS隱藏元素滾動條

CSS隱藏元素滾動條

 

Firefox瀏覽器

對於Firefox，我們可以將滾動條寬度設置爲none：

scrollbar-width: none; /* Firefox */

 

IE瀏覽器

對於IE，我們需要使用-ms-prefix屬性定義滾動條樣式：

-ms-overflow-style: none; /* IE 10+ */

Chrome和Safari瀏覽器

對於Chrome和Safari瀏覽器，我們必須使用CSS滾動條選擇器，然後使用display：none隱藏它：

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}