如何专注于高利润率的投入

Question

我正在进行表单验证,当用户没有填写必填字段时,我希望页面的位置专注于该输入,但我不希望输入字段直接到浏览器框架的顶部,我想离开之间的一些空间,以便也可以看到输入表格的标题.

这是它的外观与focus()仅

但我希望这样:

我们的想法是将光标重点放在输入字段上.

编辑:如果可以使用动画焦点,这将是非常棒的.有什么建议怎么做？

Answer 1

使用jQuery的一种方法:将窗口滚动到标签的垂直偏移.

$(function(){
    $(window).scrollTop($("label").offset().top);
    $("input").focus();
});

或者使用一些额外的边距滚动到input元素:

$(function(){
    $(window).scrollTop($("input").offset().top - 100);
    $("input").focus();
});

(注意:用适当的选择器替换"input"和"label")