滑动滚动框的内容,拖动滚动条

function onmouseoverf()

{

var  widhtsx=0;

var div = document.getElementById("overscroll"); // 获取DIV对象

div.onmousedown=function(e) {

var event1 = e || window.event;                  // IE、火狐获取事件对象

var eventX = event1.offsetX || event1.layerX;  

var eveX =0;       // 获取鼠标相对于事件源的X轴

    // 获取鼠标相对于事件源的Y轴

var flag = true; 

console.log("eventX=",eventX);

this.onmousemove=function(e) {

if (flag) {

var event2 = e || window.event;

eveX= event2.clientX;             // 获取鼠标相对于浏览器x轴的位置

          // 获取鼠标相对于浏览器Y轴的位置

          widhtsx = eveX-eventX;

           

          if(overscroll.scrollLeft+widhtsx<0)

          {

          overscroll.scrollLeft=0;

          }else

          {

          overscroll.scrollLeft=overscroll.scrollLeft+widhtsx;//设置滚动条位置

          }

}

}

this.onmouseup=function() {

if (flag) {

flag = false;

}

}

}

}