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>

在input.focus（）上面显示

2 个答案: