如何在網頁中製作一個漂亮的滾動條html

Question

我看到一些網頁在div元素溢出時有一個非常漂亮的滾動條。它不是默認的滾動條，看起來像iPhone中的滾動條。一個很好的例子是twitter當你點擊某人看到更多的信息。我不知道我把這個清楚...

我有一個股利顯示在我的網頁，它可能溢出，當它的時候，我想要一個漂亮的滾動條，不是默認的。有人知道如何做到這一點？或者有一些我可以使用的開源項目？ 非常感謝！

Answer 1

現在有100多種自定義滾動條可用的選項。

繼承人用於創建自定義滾動的一些最流行的jQuery插件列表：

10 jQuery Custom Scrollbar Plugins

他們通常是作爲將類分配給一個div，然後在調用插件功能一樣簡單負載：

<div class="myscrollingdiv" style="overflow:scroll; height:200px;"></div> 

$(function(){ 
    $(".myscrollingdiv").jScrollPane(); 
}); 

http://jscrollpane.kelvinluck.com/