jQuery Form Wizard: Move to other input and make it scroll to focused input

Question

I have used jQuery Form Wizard and create a method for navigate to other input in some 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');

The function is ok, but the focus method doesn't scroll to focused input element. Anyone know how to make it scroll?

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