2011-11-01 52 views
6

隨着Google推出的最新更新,這些網站都已經獲得了自定義JS滾動條(至少在Chrome中)。像Google這樣的滾動條正在使用

我最喜歡的是它的簡單和完美的作品。到目前爲止,我所見過的很多JS滾動條都不能很好地發揮作用 - 例如,如果您的滾動速度非常快,或者滾動並移動鼠標,它們的功能就不會那麼好。

因此,我只是想知道是否有人知道任何一個簡單/小型(代碼腳印很小)和功能良好(如前所述)的滾動條。

我曾考慮過使用jQueryUI的滾動作爲基礎,但爲了我的需要,我無法將jQueryUI用於此功能。

+0

嘗試顛倒Google的滾動條? :D – jli

+0

一個例子的頁面? – epascarello

回答

8

它們通過造型::-webkit-scrollbar psudo-elements與CSS而不是JS來完成。

+0

甚至沒有想到會這樣做,所以我沒有看。現在更有意義,它如何運作如此出色,只有在Webkit中才有效。 –

+0

IE也有自己的滾動條CSS屬性,比如'scrollbar-face-color'和'scrollbar-shadow-color' –