마우스 휠 이벤트 및 Jquery Draggable Div

Question

마우스 휠 이벤트가 필요한 사용자 정의 스크롤 막대를 개발 중입니다. 다음은 스크롤 막대에 첨부 된 jquery 드래그 가능한 메서드입니다.

$(this._ScrollBarTrackPiece).draggable({ 
      axis: 'y', 
      containment: "parent", 
      start: function(event,ui){ 
      this.previousPosition = ui.position; 
      }.bind(this), 
      drag: function(event,ui) { 
      if(this.previousPosition.top > ui.position.top){ 
       this.doVerticalStepScroll(this._crosstabScrollBarEventConstants.Up); 
      } else{ 
       this.doVerticalStepScroll(this._crosstabScrollBarEventConstants.Down); 
      } 
      }.bind(this) 
    }); 

그러나 마우스 휠 이벤트를 연결해야 jquery 메서드와 똑같은 작업을 수행 할 수 있습니다. jquery draggable 메서드에 휠 이벤트를 바인딩하고 위 또는 아래로 결정하는 것만 큼 간단했으면 좋았을 때 어디에서 시작해야할지 모르겠습니다.

Answer 1

당신은

//FF doesn't recognize mousewheel as of FF3.x 
 
var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel"; 
 

 
if (this._ScrollBarTrackPiece.attachEvent) //if IE (and Opera depending on user setting) 
 
    this._ScrollBarTrackPiece.attachEvent("on"+mousewheelevt, doScroll); 
 
else if (this._ScrollBarTrackPiece.addEventListener) //WC3 browsers 
 
    slideshow.addEventListener(mousewheelevt, doScroll, false); 
 

 
var doScroll = function() 
 
{ ... }

감사합니다 마우스 휠 이벤트를 가지고 다음이 코드를 사용할 수 있습니다