- DOM鼠标按下Scroll左右拖动
DOM鼠标按下Scroll左右拖动
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18var box = document.getElementById("box");
box.onmousedown = function (ev) {
console.log("---");
var scrollx = box.scrollLeft;
var ev = ev || window.event;
var topleft = ev.clientX - box.offsetLeft;
console.log("topleft", topleft);
document.onmousemove = function (ev) {
var ev = ev || window.event;
var nowx = ev.clientX - box.offsetLeft;
console.log("move", topleft - nowx);
box.scrollLeft = scrollx + (topleft - nowx);
}
document.onmouseup = function () {
document.onmousemove = null;
document.onmouseup = null;
}
}