在input.focus（）上面显示

Question

当我在尝试input.focus(); 在表单输入错误。 光标指向该输入但由于我有一个高度约为100px的固定标题，因此输入字段不可见。

有没有办法可以超越输入字段，如input.focus(-100); ？

我也尝试过input.scrollTop(); 但它并没有接近那个输入的地方。

Answer 1

这是一些想法。

var top = input.offset().top - 100;  // or input.position().top + 100;
$(document).scrollTop(top);

Answer 2

像这样： http ： //jsfiddle.net/AzRwm/

  <style>
#h{

background:black;
height:100px;
position:fixed;
width:100%;
}
#s{
height:800px;
}
  </style>
  <header id='h'></header>
  <div id="s"></div>
  <input id="i" value='test' />
  <script>
      var i = document.getElementById('i');

     window.scrollTo(0,i.offsetTop + 100);
  </script>