javascript - 上に表示 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>