jQuery表单向导：移动到其他输入并使其滚动到聚焦输入

Question

我使用了jQuery Form Wizard并创建了一种导航到某些input中的其他form的方法。

function goto(id_step, id_input)
{
    $('#demoForm').formwizard('show', id_step);
    //unfocus first input
    $("#demoForm").formwizard({ 
        focusFirstInput : false
    });
    $('#'+id_input).focus();
}
goto('info', 'res_umur');

该功能正常，但焦点方法不会滚动到焦点input元素。有人知道怎么滚动吗？

Answer 1

使用scrollIntoView

$('#'+id_input)[0].scrollIntoView();

修改您的代码：

function goto(id_step, id_input)
{
    $('#demoForm').formwizard('show', id_step);
    //unfocus first input
    $("#demoForm").formwizard({ 
        focusFirstInput : false
    });
    $('#'+id_input).focus();
    $('#'+id_input)[0].scrollIntoView();
}
goto('info', 'res_umur');