如何将聚焦的元素放置在视口的底部而不是居中？

Question

当我聚焦文本区域时，视口将聚焦的元素居中。聚焦后，我希望将textarea字段放置在视口的底部。我曾尝试将scrollTop与jQuery配合使用，但是具有偏移量的animate()函数在与textarea对齐之前会产生反弹效果。其他人建议使用return false;或e.preventDefault();来消除此影响，但都没有解决该问题。 您将如何将这些字段定位到视口的底部而不是居中？

$('textarea.outline').focus(function () {
  var top = $(this).offset().top + 173;
  var center = $(window).height();

  if (top > center) {
    $('html, body').animate({ scrollTop: top - center }, 'fast');   
  }
});