Jq-滚动条插件写法(二)

mousewheel:  function(fun){
     return  this.each( function(){
         var that =  this;
            that.delta = 0;  // 滚动方向
        
         if($.browser.msie || $.browser.safari){  // IE Safari 
            that.onmousewheel =  function(){
                that.delta = event.wheelDelta;  //  IE,Opera,Safari,Chrome 使用wheelDelta 只取 +-120
                event.returnValue =  false;
                fun && fun.call(that);  //     
            }
        }  else {  // Firefox
            that.addEventListener('DOMMouseScroll',  function(e){
                that.delta = e.detail > 0 ? -1 : 1;  //  Firefox 使用 detail 只取 +-3
                e.preventDefault();
                fun && fun.call(that);
            },  false);
        }
    });
    
}

$(that).mousewheel( function(){
     if( this.delta > 0){  // 如果大于零，则向上，反之向下。
        currentTop -= 15;
    }  else {
        currentTop += 15;
    }
    setScrollTop();
});

/*  简单  */
.jkscroll-wrap .jkscroll-simple{ width: 12px; background: #f2f2f2; border-left: 1px solid #dadada;}
.jkscroll-wrap .jkscroll-simple .jkscroll-bar-top,.jkscroll-wrap .jkscroll-simple .jkscroll-bar-bot{ display: none;}
.jkscroll-wrap .jkscroll-simple .jkscroll-bar-mid{ top: 0; right: -2px; background: #c0c0c0; border: none 0;}
.jkscroll-wrap .jkscroll-simple .hover{ background: #909090;}
/*  blue  */
.jkscroll-wrap .jkscroll-gray{ background: url(http://app.soche8.com/show/jscoll/s_bg.gif) repeat-y right 0 #edf7fa;}
.jkscroll-wrap .jkscroll-gray .jkscroll-bar-top,.jkscroll-wrap .jkscroll-gray .jkscroll-bar-bot{ background: url(http://app.soche8.com/show/jscoll/s_bg.gif);}
.jkscroll-wrap .jkscroll-gray .jkscroll-bar-mid{ background: url(http://app.soche8.com/show/jscoll/s_bg.gif) repeat-y -45px 0; border: 1px solid #BCBCBC;}

var defaults = {
    pattern: 'blue', //默认风格
};
var opts = $.extend(defaults, options);

// 风格设定
if(opts.pattern == 'jkscroll-simple'){
    jkBar.addClass('jkscroll-simple');
    jkBarBtnWidth = 0;
}  else  if(opts.pattern == 'jkscroll-gray'){
    jkBar.addClass('jkscroll-gray');
}

$('.jkscroll-wrap').jikeyScrollerBar({
    pattern: 'jkscroll-simple'  // 简版
     // pattern: 'jkscroll-gray' //灰色
     // pattern: 'jkscroll-blue' //蓝色
});

var jkScrollWrap =  this.wrapInner('<div class="jkscroll-cont"></div>'),
    jkScrollCont = jkScrollWrap.append('<div class="jkscroll-bar"><div class="jkscroll-bar-top"></div><div class="jkscroll-bar-mid"></div><div class="jkscroll-bar-bot"></div></div>');