js实现pc端页面的手势滑动,支持上下和 左右滑动
id 传入产生滚动条的 dom ;
function CreatDrag(id) {
var oBox = document.getElementById(id);oBox.onmousedown = function(ev) {
var ev = ev || event;
var Y = ev.clientY;
var X = ev.clientX;
var ToTop = document.getElementById(id).scrollTop;
var Toleft = document.getElementById(id).scrollLeft;
oBox.onmousemove = function(ev) {
ev = ev || event;
var subY = ev.clientY - Y;
var subX = ev.clientX - X ;
Y = ev.clientY;
X = ev.clientX;
ToTop -= (subY);
Toleft -= (subX);
document.getElementById(id).scrollTop = ToTop;
document.getElementById(id).scrollLeft =Toleft;
}
document.onmouseup = function() {
oBox.onmousemove = function() {
null;
}
}
}
}