Как реализовать плавное перемещение к объекту при клике?

Question

[weranda]

Приветствую

Пример без плавного перемещения
Использую JQuery, при клике на поле курсор перемещается в поле textarea и можно писать, но не получается реализовать плавное перемещение от места клика до поля ввода текста. Подскажите пожалуйста как реализовать.

<div class="link">Link to textarea</div>
<textarea name="" id="text" cols="30" rows="10"></textarea>
<script>
$('.link').click(function() {
  $('#text').focus();
});
</script>

Answer 1

[Yevgeniy Kisselyov]

Сначала сделать анимацию скролла до нужного места, а потом фокус

$('.link').click(function() {
    $('html,body').animate({scrollTop: $('#text').offset().top}, 200, function() {
        $('#text').focus();
    });
});

Comments

[weranda]

Спасибо. Все работает.