滑鼠控制捲軸

標籤：function   style   func   滾動   java   事件   滑鼠   back   ide   

<div id=‘out‘ style=‘width:500px;height:500px;overflow:auto‘>          <div id=‘inside‘ style=‘width:1000px;height:1000px;background-color:gray;overflow:auto‘>          </div>      </div> 

　　

 var outDiv = document.getElementById(‘out‘);          outDiv.onwheel = function(event){              //禁止事件預設行為（此處禁止滑鼠滾輪行為關聯到"螢幕捲軸上下移動"行為）              event.preventDefault();              //設定滑鼠滾輪滾動時螢幕捲軸的移動步長              var step = 50;              if(event.deltaY < 0){                  //向上滾動滑鼠滾輪，螢幕捲軸左移                  this.scrollLeft -= step;              } else {                  //向下滾動滑鼠滾輪，螢幕捲軸右移                  this.scrollLeft += step;              }          }        /**            // 如果要手動設定捲軸在Y軸方向的位置可以直接設定scrollTop,例如：            outDiv.scrollTop = 500;            // 如果要手動設定捲軸在X、Y軸方向的位置可以使用函數scrollTo,例如設定X軸滾動100，Y軸滾動400：            outDiv.scrollTo(100,400);        **/

　　

滑鼠控制捲軸