Control draggable with mousewheel/up & down keys

[martis]

Hey guys,

 

Was wondering if anyone has a solution for controlling a draggable instance using mousewheel and the arrow keys? I saw this post that explains how to control the scrollbar using mousewheel

 

http://forums.greensock.com/topic/7327-custom-mousewheel-scroll-with-scrollto-plugin/?hl=mousewheel

 

but nothing in regards to Draggable. I would love to use ThrowProps, and snapping in the solution. Thanks!

[Jonathan]

Hello martis,

 

The arrow key event handler looks like this:

// bind arrow keys: up, down, left, right
$(document).on("keyup", function(e){
							
	if(e.keyCode == 37){
					 
               // left arrow
               console.log("left arrow");
					
	} else if(e.keyCode == 38){ 
		
               // up arrow
               console.log("up arrow");
					
	} else if(e.keyCode == 39){ 

	       // right arrow
               console.log("right arrow");			
					
	} else if(e.keyCode == 40){
		
               // down arrow
               console.log("down arrow");			
					
	}
				
	return false;
});

And here is the MouseWheel event handler:

// MouseWheel event
$(document).unbind('mousewheel DOMMouseScroll').on('mousewheel DOMMouseScroll', function(evt) {

    var delta = (evt.originalEvent && evt.originalEvent.detail < 0) || evt.wheelDelta > 0 ? 1 : -1;

    if (delta < 0) {

          // scroll down
          console.log("scroll down");
       
    } else {

          // scroll up
          console.log("scroll up");
    }
});

I hope this helps!