【Css】mac浏览器滚动条自动隐藏问题

时间 2021-04-26

标签 web code webkit scroll 滚动条 background 滚动栏目 CSS 繁體版

原文原文链接

大部分状况下,mac中使用谷歌时自动隐藏滚动条仍是很友善的，可是某些时刻，又显得有些不近人情。web

好比：我想在不提示用户这里是能够滚动的状况下还让用户知道这里有别的内容能够经过滚动来查看，这个时候mac的隐藏滚动条功能就是阻碍了。code

须要滚动的元素设置 overflow: auto; 若是设置了scroll，即便不须要滚动条也会显示出来。it

贴下一下代码解决这一问题webkit

::-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);
}