safari - Safari 6 在 OSX 山狮中不显示滚动条

Question

这太奇怪了。Safari 6 似乎没有在带有 overflow-y: 滚动的元素上显示滚动条。

<ul>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
<li>something</li>
</ul>​

ul {
    background: #f1f1f1;
    width: 400px;
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}

li {
    height: 50px;
    line-height: 50px;
    background: #c1ffff;
    margin-bottom: 3px;
}​

由于我的应用程序中的性能问题，我不想强​​制滚动条，而且它总是在那里看起来很丑。有谁知道解决这个问题的方法？

Firefox 总是显示我很好的滚动条，而 chrome 完美地呈现它，只在实际滚动时显示滚动条。

我创建了一个显示问题的小提琴：http: //jsfiddle.net/mWT3X/

更新：确认它确实在 Safari 5 中渲染，但不是 6。 更新 2：这与系统设置中的显示滚动条设置特别相关。如果我将显示滚动条设置为总是它会正常工作。

Answer 1

在 Safari 6.0 中有一个WebKit 错误，它会导致设置了“溢出：滚动”的元素不显示新的滚动条覆盖样式。此问题已在 Safari 6.0.1 中得到解决。