(solved) jQuery click and drag/scroll window: jagged movement

Posted by Josh on Stack Overflow See other posts from Stack Overflow or by Josh
Published on 2009-09-18T02:26:25Z Indexed on 2010/03/29 3:03 UTC
Read the original article Hit count: 402

Edit: derp, using pageX/Y instead of clientX/Y -- apparently scrollBy expects input with that offset rather than the other. Jaggy movement gone.

I am getting jagged movement when doing small scroll increments using the following bindings. Can anyone point me in the right direction for how to smooth this out? FYI, its intermittent. It seems like, if I click and hold for a second, then drag at a decent speed there are no problems.

Edit:

What the hell? I get this output on debug... obvious jog backwards and forwards. This will happen in succession and seems to have no correlation with the mouse, other than the mouse is moving.

x 398 : 403

y 374 : 377

x 403 : 399

y 377 : 374

x 399 : 404

y 374 : 377

Josh

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

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about scrolling