关于css3:Cssmac浏览器滚动条自动隐藏问题

39次阅读

共计 377 个字符,预计需要花费 1 分钟才能阅读完成。

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

正文完
 0