scroller 外掛nanoScroller 用法

          預設滾動條是不是很醜，你可以他進行美化但是相容性有問題，api是不是不夠強大，自己用div做一個滾動條成本太大，這裡給你推薦一款jquery 外掛nanoscroller ，網上關於nanoscroller 的介紹不太多，github上有程式碼但是沒有demo，使用其實很簡單，但是還是稍微介紹一下減少學習的成本，

         引入的類庫 jquery.nanoscroller.js

         引入的css庫nanoscroller.css

<div id="about" class="nano">
    <div class="nano-content"> ... content here ...  </div>
</div>

content 裡邊放置內容，請注意內層的nano-content 不要丟失，控制元件內部預設的在這個節點下查詢，

$(".nano").nanoScroller({ scroll: 'top' });
$(".nano").nanoScroller({ scroll: 'bottom' });
$(".nano").nanoScroller({ scrollTop: value });
$(".nano").nanoScroller({ scrollBottom: value });
$(".nano").nanoScroller({ scrollTo: $('#a_node') });

 更簡單的方式那就直接使用我的示例程式碼吧