Cssmac浏览器滚动条自动隐藏问题

Posted 2021-09-24 张长长

大部分情况下,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);
}