寫了個js自制滾動條，首先，先看一下demo（點擊這里） 先

有兩個demo，右邊那個黑色那個，是我一開始寫的比較膚淺的代碼：

代碼如下:
var scrollself=(function(){

    var scrollblock, //滾動塊
        scrollcontent,  //被滾動的內容
        scrollbar,    //滾動條
        scrollpanel,    //滾動內容的滾動區域
        cdistance,  //滾動內容要滾動的距離
        bdistance,    //滾動塊要滾動的距離
        minuTop, //滾動條頭尾剩下的空白
        cTop,    //滾動內容的top
        startY=0,    //滾動動作開始初鼠標的位置
        bTop=0,    //滾動動作開始初滾動塊的top
        isDrag=false;  //是否拉動滾動塊

    function prevent(e){

        if(e.preventDefault){
            e.preventDefault();
        }
        if(e.stopPropagation){
            e.stopPropagation();
        }
        e.cancelBubble=true;
        e.returnValue=false;
    }

    function mouseDown(event){
        isDrag=true;
        event=event||window.event;
        startY=event.clientY;
        bTop=scrollblock.offsetTop;
        cTop=scrollcontent.offsetTop;

        // prevent(event);

    }

    function mouseMove(event){
        if(isDrag){

            event=event||window.event;

            var newbTop=event.clientY-startY+bTop,
                newcTop=cTop-(event.clientY-startY)/bdistance*cdistance;

            if(newbTop<minuTop){
                newbTop=minuTop;
                newcTop=0;