2010-01-12 89 views
0

我需要幫助。我的主頁有一張長桌,通常大約2個屏幕「高」(假設1024x768的瀏覽器窗口)。頁面內滾動條的顏色

我想

  • 用戶能夠上下瀏覽該表,而總是有一組在頁面的當前可見的部分可用的控制按鈕。

  • 保留對網頁上的所有元素的配色方案控制。

問題是這兩個解決方案我可以想到的地址第一點(使用溢出div或框架)涉及滾動條,我不能風格。 (至少在Firefox上它們總是灰色的)

我不能實現一個「尋呼機」,它將表中的數據分成一次一個服務的塊(例如,具有「下一個40個結果」鏈接在底部)。用戶需要引用整個表來查找和比較整個表中的多行。

我有什麼選擇?我的腦袋疼的時候我覺得這個移動整個頁面提前到Flash爲此...

感謝...

回答

2
+0

@kieran!驚人!這正是我所期待的。 Jquery的岩石。 :) – laramichaels 2010-01-12 01:04:17

+1

與真實相比,大多數人造滾動條的可用性差;許多人都對可用性和可訪問性都抱有敵意。謹慎使用。只是用來改變滾動條的顏色,這不是一個勝利。 – bobince 2010-01-12 01:47:01

+1

http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div教程不考慮鼠標滾輪,這對於某些用戶來說可能是相當令人沮喪的。如果您使用jScrollPane,MooScroll或MooScroller等庫,這一切都爲您照顧。 – 2010-01-12 01:48:21

1

不要改變滾動條的樣式,除非你真的知道你在做什麼!但是,如果您瞭解可用性影響(並嘗試儘可能方便用戶使用),請嘗試以下選項:

如果您使用jQuery,請嘗試jScrollPane。 如果您使用MooTools,請嘗試MooScrollMooScroller

以下StackOverflow的線程也可能是有用的:

How do I change the browser's scrollbar colours using CSS? What's the deal with CSS and scroll bars? How can one use scroll bar images?

+0

@Steve,非常感謝! jScrollPane似乎準備好了我需要的功能。我明白你提到的關切;但正如您鏈接到本機滾動條的其中一個線程,它會簡單地破壞創建一致的應用程序外觀所付出的一切努力。 – laramichaels 2010-01-12 02:11:21

+0

@laramichaels:很高興爲您服務! :)外觀因素絕對是使用自定義滾動條的主要原因之一 - 有時默認滾動條不適合... – 2010-01-12 02:30:02