jQuery - Bir divayı klavye ile hareket ettiriyorsam

Question

Sabit yükseklik ve genişliğe sahip bir div'um varsa, tuşa basarken (veya tuş/tuşla) hareket ediyorum. Pencereyi bu div 'u "takip etmek" için alabilir miyim?

Bir sayfayı otomatik olarak tarayabileceğinizi biliyorum, ancak bir div koordinatlarını alabilir ve sayfayı div olarak kaydırır mısınız?

Answer 1

Bir javascript çerçevesi kullanıyor musunuz? jQuery kullanıyorsanız kullandığınız div konumunu elde edebilirsiniz:

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

Ayrıca, jQuery kullanıyorsanız, pencere otomatik olarak sizden başka çalışma ile yine görünümünde Div tutmak için kayar. .

Sen jQuery ('body') kullanabilirsiniz animasyon: Yorum yanıt olarak

({scrollTop: xPosOfDiv});

Answer 2

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

Answer 3

bir yolu:

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

bir başka yolu:

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

Pürüzsüz yol:

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