jQuery - Si muevo un div con el teclado

Question

Si tengo un div con una altura y un ancho fijos, lo cual estoy moviendo usando la tecla (o keydown/keyup). ¿Puedo obtener la ventana para "seguir" ese div?

Sé que puede desplazar automáticamente una página, pero ¿puede obtener las coordenadas de un div y desplazarse por la página a medida que se mueve el div?

Answer 1

¿Está utilizando un marco de JavaScript? Si utiliza jQuery se puede obtener la posición del div usando:

jQuery('#yourdiv').position().top() 
jQuery('#yourdiv').position().left() 

Además, si se utiliza jQuery, la ventana se desplazará automáticamente para mantener la Div a la vista de todos modos con ningún trabajo adicional de su parte.

En respuesta a tu comentario:

Puede usar jQuery ('cuerpo') animar. ({ScrollTop: xPosOfDiv});

Answer 2

var pos = $("#theDiv").position(); 
window.scrollTo(pos.left, pos.top); 

Answer 3

Una manera:

$(document.body).bind('keydown', function(){ 
    $('#somediv')[0].scrollIntoView(true); 
}); 

Otra forma:

$(document.body).bind('keydown', function(){ 
    $('#somediv').css('top', $(window).scrollTop() + 'px'); 
}); 

liso manera:

$(document.body).bind('keydown', function(){ 
    $('#somediv').animate({'top': $(window).scrollTop() + 'px'}, 1000); 
});