Use Space, Page Down or Down arrow to scroll to next div Use Page Up or Up arrow to scroll to a prev div

ScrollKeyboardControll

/*
 * 
 * Page Up and Down handlers
 * Depends on jQuery and jQuery.ScrollTop
 *
 */
	function preventDefault (event) {
		event = event || window.event;
		if (event.preventDefault) {
			event.preventDefault;
		}
		event.returnValue = false;
	}
	
	document.body.onkeydown = function(event){
		
			//get the character code
			var keycode = event.charCode || event.keyCode;	
			//get current scroll position
			var pos  = $(window).scrollTop();
			//scroll between boxes
			var element = $('.box');
			
			console.log("keycode: " + keycode);
			if (keycode === 32 || keycode === 34 || keycode === 40) {
				
				//prevent regular scroll event
				preventDefault(event);
				

				
				for ( i = 0; i != element.length; i++) {
					
					if ( $(element[i]).position().top > pos ) {

						$.scrollTo( $(element[i]), 100 );
						return;
					}
				}
			}
			
			if (keycode === 33 || keycode === 38) {
				preventDefault(event);
				var pos  = $(window).scrollTop();
				for ( i = element.length - 1; i != 0; i--) {
					
					//test 
					console.log("i: "+ i);
					console.log("el pos: "+  $(element[i]).position().top);
					console.log("pos: " + pos);
					if ( pos >  $(element[i]).position().top ) {

						$.scrollTo( $(element[i]), 100 );
						return;
					}
				}

			}
	}