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

Question

我已经使用了jQuery 表单向导并创建了一个方法来导航到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

Use scrollIntoView

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

Modify your code:

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');