【Css】mac瀏覽器滾動條自動隱藏問題

大部分狀況下,mac中使用谷歌時自動隱藏滾動條仍是很友善的，可是某些時刻，又顯得有些不近人情。

好比：我想在不提示用戶這裏是能夠滾動的狀況下還讓用戶知道這裏有別的內容能夠經過滾動來查看，這個時候mac的隱藏滾動條功能就是阻礙了。

須要滾動的元素設置 overflow: auto; 若是設置了scroll，即便不須要滾動條也會顯示出來。

貼下一下代碼解決這一問題

::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb{
  border-radius: 1em;
  background-color: rgba(50,50,50,.3);
}

::-webkit-scrollbar-track{
  border-radius: 1em;
  background-color: rgba(50,50,50,.1);
}