jQuery - Если я перемещаю отделение с клавиатурой
Если у меня есть отделение с фиксированной высотой и шириной, которая я перемещаю нажатие клавиши использования (или keydown/keyup). Я могу заставить окно "следовать" за тем отделением?
Я знаю, что Вы можете автоматическая прокрутка страница, но можно получить координаты отделения и прокрутить страницу, когда отделение перемещается?
3 ответа
вы используете фреймворк javascript? Если вы используете jQuery, вы можете получить позицию div, используя:
jQuery('#yourdiv').position().top()
jQuery('#yourdiv').position().left()
Кроме того, если вы используете jQuery, окно будет автоматически прокручиваться, чтобы Div все равно оставался в поле зрения, без дополнительной работы с вашей стороны.
В ответ на ваш комментарий:
Вы можете использовать jQuery ('body'). Animate ({scrollTop: xPosOfDiv});
var pos = $("#theDiv").position();
window.scrollTo(pos.left, pos.top);
В одну сторону:
$(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);
});