2012-10-22 74 views
0

這是太奇怪了滾動條。 Safari 6似乎沒有在overflow-y:scroll的元素上顯示滾動條。的Safari 6並沒有顯示在OSX山獅

<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; 
}​ 

我不想強迫,因爲在我的應用程序性能問題的滾動條,它看起來醜陋的時候它總是在那裏。有誰知道一種方法來解決這個問題?

火狐始終顯示滾動條我這我很好,鉻使得它完美的,只顯示實際滾動的滾動條。

我已經創建出這一問題的小提琴:http://jsfiddle.net/mWT3X/

更新:證實,它呈現在Safari 5,但不是6 UPDATE2:這具體涉及到顯示滾動條設置在系統設置。如果我設置顯示滾動條總是會正常工作。

+0

我能夠看到,雅雖然我的版本是5.1,似乎沒有任何錯的風格和標記 –

+0

對不起,只是要清楚,你看到滾動條吧?那就把它縮小到只是徒步旅行6。 –

+0

是啊,我可以看到滾動條,並且順便說一句,如果你不想讓你的滾動條顯示,如果高度是'<300'只是用'溢出-Y:汽車;' –

回答

1

在Safari 6.0有一個WebKit bug會導致與元素「溢出:滾動」設置爲不顯示滾動條的新的覆蓋風格。 Safari 6.0.1已解決此問題。

+0

看起來是這樣的答案,我是有這個問題。謝謝並抱歉,接受答案的延遲! –