【jQuery】特定の要素にスクロールする関数

フォームのバリデーションにエラーがあった際など、特定の要素にスクロールする場合に役立つ関数です。

• 引数にはclassの文字列を渡す
• headerなどを固定している場合など、スクロール位置を調整したい場合はadjustに値を入れる

const scrollPos = (target) => {
    // 該当する最初の要素を取得
    let scrollElm = $(`.${target}`).eq(0);
    // スクロール位置調整用
    let adjust = 0;
    // スクロールスピード
    const speed = 300;
    // 要素があればスクロール
    if(scrollElm.length) {
        let scrollPos = scrollElm.offset().top + adjust;
        $('html,body').animate({scrollTop:scrollPos},speed);
    }
}

scrollPos('hoge');