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