Javascript jQuery单击并拖动/滚动窗口:锯齿状移动
Edit:derp,使用pageX/Y而不是clientX/Y——显然scrollBy希望输入具有该偏移量,而不是另一个偏移量。锯齿状运动消失了 当使用以下绑定进行小的滚动增量时,我会出现锯齿状的移动。有没有人能为我指出正确的方向,让我知道如何解决这个问题?仅供参考,它是间歇性的。看起来,如果我点击并按住一秒钟,然后以合适的速度拖动,就没有问题了 编辑: 怎么回事?我在调试时得到这个输出。。。明显的前后慢跑。这将连续发生,似乎与鼠标无关,只是鼠标在移动 x398:403 y 374:377 x403:399 y 377:374 x399:404 y 374:377 乔希Javascript jQuery单击并拖动/滚动窗口:锯齿状移动,javascript,jquery,scroll,Javascript,Jquery,Scroll,Edit:derp,使用pageX/Y而不是clientX/Y——显然scrollBy希望输入具有该偏移量,而不是另一个偏移量。锯齿状运动消失了 当使用以下绑定进行小的滚动增量时,我会出现锯齿状的移动。有没有人能为我指出正确的方向,让我知道如何解决这个问题?仅供参考,它是间歇性的。看起来,如果我点击并按住一秒钟,然后以合适的速度拖动,就没有问题了 编辑: 怎么回事?我在调试时得到这个输出。。。明显的前后慢跑。这将连续发生,似乎与鼠标无关,只是鼠标在移动 x398:403 y 374:377 x4
使用clientX/Y而不是pageX/Y——显然scrollBy需要clientX
sococo.client.panMap = function(e){
e.preventDefault();
var movex = sococo.client.currX - e.pageX ;
var movey = sococo.client.currY - e.pageY;
console.log( sococo.client.currX +" : " + e.pageX );
window.scrollBy(movex,movey);
sococo.client.currY = e.pageY;
sococo.client.currX = e.pageX;
}
$(document).mousedown( function(e){
e.preventDefault();
sococo.client.currX = e.pageX;
sococo.client.currY = e.pageY;
$(document).bind( "mousemove", sococo.client.panMap );
});
$(document).mouseup( function(e){
e.preventDefault();
$(document).unbind( "mousemove", sococo.client.panMap );
});