CSS-溢出：滚动；-总是显示垂直滚动条？

CSS-溢出：滚动；-总是显示垂直滚动条？

我自己就遇到了这个问题。OSx Lion在不使用时会隐藏滚动条，使它看起来更“光滑”，但是同时出现了您解决的问题：人们有时看不到div是否具有滚动功能。

解决方法：在您的CSS中包括-

::-webkit-scrollbar {  -webkit-appearance: none;  width: 7px;}::-webkit-scrollbar-thumb {  border-radius: 4px;  background-color: rgba(0, 0, 0, .5);  box-shadow: 0 0 1px rgba(255, 255, 255, .5);}::-webkit-scrollbar {  -webkit-appearance: none;  width: 7px;}::-webkit-scrollbar-thumb {  border-radius: 4px;  background-color: rgba(0, 0, 0, .5);  box-shadow: 0 0 1px rgba(255, 255, 255, .5);}#container {  height: 4em;    overflow-y: scroll;  }#child {  height: 12em;  }#container {  background-color: #ffc;}#child {  margin: 30px;  background-color: #eee;  text-align: center;}<div id="container">  <div id="child">Example</div></div>