2009-02-08 17 views
6

我有一個HTML頁面的客戶端與幾個滾動div文本內容。她正在使用基於圖像的嚴格設計,所以默認的滾動條根本不適合。她想用不同的風格,但據我所知,這是不可能的。什麼是與CSS和滾動條處理?

您認爲如何?

回答

10

有一個jQuery回答這個 -

jScrollPane

有效應的若干nice examples它可以實現

+0

只有使用jScrollPane的壞處是你不能使用箭頭鍵在內容區域內上下滾動,這會降低可用性(儘管這可能是使用另一個jQuery插件可以實現的)。 – Mun 2009-02-08 22:04:06

+0

@Mun,這個問題被報告爲項目bug跟蹤器中的一個bug。由於這個問題對我來說很重要,因此我計劃在接下來的一週內爲它提交一個錯誤修復程序。 – 2009-02-08 23:06:26

0

它的一種可能。

body { 
    scrollbar-face-color: #ffffff; 
    scrollbar-highlight-color: #000000; 
    scrollbar-shadow-color: #ffffff; 
    scrollbar-3dlight-color: #ffffff; 
    scrollbar-arrow-color: #000000; 
    scrollbar-track-color: #808080; 
    scrollbar-darkshadow-color: #000000; 
} 

注意:如果您指定了XHTML Doctype,它可能不起作用!

+0

在XHTML中正常工作。訣竅是,當您使用標準模式DOCTYPE(您應該是,無論您使用的是HTML還是XHTML)時,元素IE會將視口的主滾動條放在「html」而不是「body」上。無論如何,隨着這些屬性的繼承,只需設置'html'就可以了。 – bobince 2009-02-09 01:52:29

9

但從可用性角度,改變滾動條是一個不走。用戶熟悉他/她的操作系統及其提供的視覺環境。改變這一點確實會造成混亂,特別是那些剛剛使用電腦,老年人等的人。

今天的大多數用戶可能會認識到一個滾動條,只要它具有基本的形狀 - 許多甚至不會使用酒吧本身,而只是鼠標上的滾輪。

儘管如此,仍然需要思考。考慮你的觀衆。無論你如何使用自定義滾動條,確保它在所有平臺/所有瀏覽器中都能正常工作。