自作スクロールバーを作成

・必要なファイル
jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.mouse.js
jquery.ui.draggable.js

手順
１．最初に可動範囲を決める
　　divとかで適当な四角を作る


   $('#back').draggable({
        containment: '#back', //ID:back内を動かす
        axis: 'y', //y軸にしか動かない
        axis: 'x'  //x軸にしか動かない
    });

　　こうすることで、固定されたスクロールの背景を作る

２．ドラック部分を作る
　　divとかで適当な四角を作る


$('#target').draggable({
containment: '#back',//backの中のみ移動可能
axis: 'y',//縦のみ移動可能
drag: function (e, ui) {
//動かした時の計算を行う
$('#draggable').scrollTop(((ui.position.top) / 418) * (($('#table_body tbody').height())-464));
}
});

これで幅、色など自由なスクロールを作ることが可能だがwindowsのスクロールバーなどには程遠いので正直使い物にならない。

追記
使ったdiv


<div id="back"style="height:464px;width:40px;verticalalign:top;background-color:#D3D3D3; margin-top:28px;">

<divid="target"style="backgroundcolor:#A9A9A9;width:40px;height:10%;"></div>

</div>