如何创建类似Google Wave的滚动条？

Question

如何制作Google Wave中的滚动条？它们节省了大量空间并且看起来很漂亮。我想将滚动条放在div上，就像google wave一样。

（来源：mikeabundo.com）

Answer 1

它是一个自定义元素（可能是div），就像一个滚动条。

您可以使用jQuery找到许多实现

jScrollPane

Answer 2

这里是http://jebaird.com/blog/shortscroll-jquery-ui-google-wave-style-scroll-bar，它类似但并不是所有的Google Wave功能。

Answer 3

这应该让你非常接近：http://konrness.com/javascript/google-wave-style-scroll-bar-jquery-plugin/

Answer 4

这是我使用JQuery的实现：https://www.dropbox.com/s/3ftyr6mg8vwa6k4/gWaveScrollbar%20plugin.tar.gz?dl=0