2009-04-08 47 views
1

如何使用HTML/CSS替換滾動條的圖像?如何使用滾動條圖像?

我:

scrollbar-base-color: #00acee; 
scrollbar-dark-shadow-color: #00acee; 
scrollbar-track-color: #ffffff; 
scrollbar-face-color: #00acee; 
scrollbar-shadow-color: #00acee; 
scrollbar-highlight-color: #00acee; 
scrollbar-3d-light-color: #00acee; 

我可以使用圖像來完成同樣的想法?

回答

5

不,您不能使用圖像來代替滾動條。我也只是提到改變顏色對用戶來說很煩人,它只能在IE中工作,所以只需要使用標準的GUI元素即可。

1

據我所知,你不能風格的圖像滾動條。 如果你想使用jQuery的,你可以這樣做很容易地使用這個jQuery插件:

http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html

的竅門有使用一些div,你可以風格你想要的任何方式來「模擬」滾動條,因爲他們只是普通的div。之後,它很容易只使用scrollTop屬性和滾動事件等(但你真的不需要知道它如何使用它)

3

不,您不能在滾動條中使用圖像。 (另外,即使改變顏色也只在IE中支持非標準模式。)

在滾動條中使用圖像的唯一方法是根本不使用標準滾動條,而是實現替換滾動條禁止使用DHTML,或者找到已經完成這項工作的人。

但是,在更改用戶已經習慣的控件外觀時,應該有點限制。如果你不小心,最終可能會讓人感到困惑,因此他們甚至根本不認爲它是一個滾動條...

+0

+1改變用戶期望的時候提示謹慎 - 在我的經驗,這是從來沒有一個真正的問題(畢竟向上/向下箭頭等都是很容易破解),但它一個很好的觀點 – annakata 2009-04-23 08:28:09