jQuery - 如果我用键盘移动div

Question

如果我有一个固定的高度和宽度的div，我使用keypress（或keydown/keyup）移动。我可以让窗口“跟随”该div吗？

我知道你可以自动滚动一个页面，但你可以得到一个div的坐标，并随着div的移动而滚动页面吗？

Answer 1

你使用的是JavaScript框架吗？如果你使用jQuery，你可以使用得到div的位置：

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); 
});