小编典典
我自己就遇到了这个问题。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;
}
Example
2020-05-16