jQuery - Nếu tôi đang di chuyển một div bằng bàn phím

Question

Nếu tôi có một div có chiều cao cố định và chiều rộng, mà tôi đang di chuyển bằng cách nhấn phím (hoặc phím tắt/khóa). Tôi có thể nhận được cửa sổ để "theo dõi" div đó không?

Tôi biết bạn có thể tự động cuộn trang, nhưng bạn có thể nhận được tọa độ của div và cuộn trang khi div di chuyển không?

Answer 1

bạn có đang sử dụng khung javascript không? Nếu bạn sử dụng jQuery, bạn có thể có được vị trí của div sử dụng:

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

Ngoài ra, nếu bạn sử dụng jQuery, cửa sổ sẽ tự động di chuyển để giữ Div theo quan điểm nào không có công việc tiếp theo của bạn.

Đáp lại bình luận của bạn:

Bạn có thể sử dụng jQuery ('body') động. ({ScrollTop: xPosOfDiv});

Answer 2

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

Answer 3

Một cách:

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

Một cách khác:

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

mượt cách:

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