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

Question

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

开始状态：

完成状态：

Answer 1

这样的事情应该做：

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

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

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

})

JSBin