javascript - 选择输入字段时将父 DIV 滑动到顶部

Question

当有人点击我网站上的特定输入字段时，特别是在移动设备上，我需要输入字段的父 div 滑动到页面顶部。我需要这个，因为弹出的键盘覆盖了输入字段下方的整个 div，它向用户显示他们正在过滤的元素。我已经在下面以图形方式列出了问题。我会很感激这里的一些指导:)

起始状态:

完成状态:

Answer 1

应该做这样的事情:

$('input').focus(function (event) {

  var offset = $('header').height();

  $('body, html').animate({
    scrollTop : offset
  })

})

JSBin