2011-11-08 27 views
4

我有一個div是溢出-y:hidden;溢出-x:auto;並按照我想要的方式渲染滾動條。我擁有所有的滾動功能和我想要完美的一切。現在,我想要做的就是用默認瀏覽器滾動條替換爲自定義滾動條。需要一個簡單的自定義滾動條

它需要在PC IE7 +和Firefox以及Mac Safari中運行,因此它需要是JavaScript或jQuery。我已經試過了我找到的四種不同的插件,但是沒有一個是因爲jQuery版本(1.6.2)而工作的,在所有必需的瀏覽器中都不起作用,或者不適用於水平滾動條等。我嘗試的是jQuery UI的滑塊,jQuery自定義滾動條,微小滾動條和jScrollPane。

我希望有一個簡單的插件那裏,但我似乎無法找到它。

+0

什麼不能使用jScrollPane?我在過去使用jScrollPane在這些瀏覽器中工作。我很好奇什麼是不工作,在哪些瀏覽器。 – Keefer

+0

你能提供一個不起作用的例子嗎?你建議的插件都已經建立並且功能強大(即不是測試版),並且應該可以完成這項工作:( – Kato

+0

我之所以選擇jScrollPage,是因爲它對我來說很好,但是除非我錯過了一些東西,只適用於垂直滾動條 – user1036050

回答

5

我已經使用了Flexcroll幾次,它工作得很好。良好的瀏覽器支持以及處理移動設備的觸摸事件。

滾動條的外觀由一個很容易定製的精靈來處理。它是17.5KB,當它被壓縮時約爲8KB,所以當這是你想要的時候,沒有整個庫的開銷是很好的。

http://www.hesido.com/web.php?page=customscrollbar

+0

美麗,謝謝,它肯定會增加一大堆標記,但它很有用,而這正是我現在所關心的。 – user1036050