Tab键上的顶部位置

Question

我在网站上有一个巨大的表单，当我按Tab键时它会自动切换输入字段（当然）。当然，如果我们触底，输入也会跳到顶部。

但是我顶部有一个固定的标题，覆盖了前60px。如何从顶部跳转页面60px而不是直接跳到顶部？

感谢。

Answer 1

您可以使用jQuery offset（），并且不要忘记在顶部放置60px的填充

css

body{ padding-top:60px}

试一试

<强> JS

$('input').offset().top + 60; //am adding you padding 60px here 

使它更有趣，你可以使用jquery animate

$('html, body').animate({
    scrollTop: $('input').offset().top + 60
}, 2000);

了解.offset的更多信息，此处为official doc