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