jQuery - Se sto spostando un div con la tastiera

Question

Se si dispone di un div con altezza e larghezza fisse, che si sta spostando utilizzando la pressione di un tasto (o keydown/keyup). Posso ottenere la finestra per "seguire" quel div?

So che è possibile scorrere automaticamente una pagina, ma è possibile ottenere le coordinate di un div e scorrere la pagina mentre il div si muove?

Answer 1

stai usando un framework javascript? Se si utilizza jQuery è possibile ottenere la posizione del div con:

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

Inoltre, se si utilizza jQuery, la finestra scorrerà automaticamente per mantenere la Div in vista in ogni caso, senza ulteriore lavoro da voi.

In risposta al tuo commento:

È possibile utilizzare jQuery ('body') animare. ({ScrollTop: xPosOfDiv});

Answer 2

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

Answer 3

Un modo:

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

Un altro modo:

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

modo agevole:

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