show above 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>