Javascript jQuery单击并拖动/滚动窗口:锯齿状移动

Javascript jQuery单击并拖动/滚动窗口:锯齿状移动,javascript,jquery,scroll,Javascript,Jquery,Scroll,Edit:derp,使用pageX/Y而不是clientX/Y——显然scrollBy希望输入具有该偏移量,而不是另一个偏移量。锯齿状运动消失了 当使用以下绑定进行小的滚动增量时,我会出现锯齿状的移动。有没有人能为我指出正确的方向,让我知道如何解决这个问题?仅供参考,它是间歇性的。看起来,如果我点击并按住一秒钟,然后以合适的速度拖动,就没有问题了 编辑: 怎么回事?我在调试时得到这个输出。。。明显的前后慢跑。这将连续发生,似乎与鼠标无关,只是鼠标在移动 x398:403 y 374:377 x4

Edit:derp,使用pageX/Y而不是clientX/Y——显然scrollBy希望输入具有该偏移量,而不是另一个偏移量。锯齿状运动消失了

当使用以下绑定进行小的滚动增量时,我会出现锯齿状的移动。有没有人能为我指出正确的方向,让我知道如何解决这个问题?仅供参考,它是间歇性的。看起来,如果我点击并按住一秒钟,然后以合适的速度拖动,就没有问题了

编辑:

怎么回事?我在调试时得到这个输出。。。明显的前后慢跑。这将连续发生,似乎与鼠标无关,只是鼠标在移动

x398:403

y 374:377

x403:399

y 377:374

x399:404

y 374:377

乔希


使用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 );
    });