标签到屏幕外元素时,防止在Chrome中跳页

注意聚焦元素如何跳到窗口的中间.这使得数据输入很烦人,所以我宁愿页面顺利向上滚动,将新聚焦的元素保持在底部.这似乎只发生在Chrome中.

我可以使用Javascript阻止此行为:

$(document).on('focus', 'input', function() {
  let top = $(this).parent().position().top,
      scroll = $(window).scrollTop(),
      inputHeight = $('input').height(),
      windowHeight = $(window).height();

  if (top  scroll + windowHeight - inputHeight * 2) {
    window.scrollBy(0, inputHeight);
  }
});

$('input').keydown(function(evt) {
  if(evt.key == 'Tab') {
    window.scrollTo(0, window.scrollY + (evt.shiftKey ? -1 : 1));
  }
});