javascript - 在上面显示 input.focus()

Question

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

有没有办法让我超越输入字段之类的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>