jQuery - 키보드로 div를 움직이는 경우

Question

div와 고정 너비가있는 경우 키 누르기 (또는 keydown/keyup)를 사용하여 이동합니다. 창을 "따라 오게"할 수 있습니까?

페이지를 자동 스크롤 할 수 있지만 div의 좌표를 가져 와서 div가 이동하면 페이지를 스크롤 할 수 있는지 알고 있습니다.

Answer 1

당신은 자바 스크립트 프레임 워크를 사용하고 있습니까? 당신이 jQuery를 사용하는 경우 사용하여 사업부의 위치를 ​​얻을 수 있습니다 :

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

을 또한, 당신이 jQuery를 사용하는 경우, 창이 자동에서 더 이상의 작업으로 어쨌든보기에서 사업부를 유지하기 위해 스크롤됩니다. .

당신은 jQuery를 ('몸')를 사용할 수 있습니다 애니메이션 : 귀하의 코멘트에 대한 응답으로

({scrollTop : xPosOfDiv});

Answer 2

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

Answer 3

한 가지 방법 :

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

또 다른 방법 :

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

부드러운 방법 :

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