Lion 中的新滚动条似乎会根据 body 元素的背景颜色调整 Safari 中的颜色。有没有办法手动设置滚动条是深色还是浅色?我知道有 webkit CSS 选项来设置滚动条的样式,这实际上早于新的 Lion 滚动条。我使用该方法的唯一问题是,该栏不再像真正的 Lion 那样发挥作用,在滚动停止后会淡出。虽然我认为这可以使用 CSS 动画和 javascript 来识别滚动的开始和结束来完成,但如果简单地使用真正的滚动条而不使用所有“黑客”,那就太好了。
Krinkle https://stackoverflow.com/questions/6863046/setting-the-scrollbar-color-in-safari-for-lion-os-x-10-7/7762045#7762045's fix (或类似的 https://stackoverflow.com/questions/6762417/lion-scrollbar-colors/6800843#6800843)可能是最好的,但对于那些好奇的人来说,在 Lion 中设置滚动条样式是可能的,尽管非常烦人。基本思想如下:
html {
overflow: auto;
}
body {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
overflow-y: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 7px;
}
::-webkit-scrollbar-track {
visibility: hidden; /* doesn't seem to work */
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background: rgba(0,0,0,0.5);
}
::-webkit-scrollbar:window-inactive {
visibility: hidden;
}
这是我最接近 Lion 的默认深色滚动条。这就是我从哪里得到这一切的:http://css-tricks.com/9130-custom-scrollbars-in-webkit/ http://css-tricks.com/9130-custom-scrollbars-in-webkit/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)