jQueryでページ遷移のボタンが押されたら5～10秒後くらいに、指定の場所にスクロールさせたいが動かない

Question

前提

ページ遷移をするボタンを押すと、
次の画面の描画終わるころに所定の位置にスクロールさせたいが動きませんでした。

例）
1ページ目「次のページへ」→クリック
2ページ目の表示が終わった瞬間、<h2>にjQueryで移動

ちなみにsetTimeoutなしでは1ページ目のh2タグ（class名同じ）ところにスクロール移動しました。
2ページ目のh2にidをもうけてもダメでした。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

• ▲▲機能を動作するようにする

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

// 結果表示画面のh2
var position = $('.test').offset().top;

        // 結果を表示するボタンが押されたら、結果表示画面に移動
        $('#satei-btn').click(function(){
            // 10秒ほど待つ
            setTimeout(function(){
                $('html,body').animate({
                    scrollTop : position
                },{
                    duration : slow,
                    queue : false
                });
            }, 10000);           

        });

厳密にいうとページ遷移していない

WordPress上での実装で、
URLは同じでボタンを押されたらHTMLを書き換えているので厳密にいうとページ遷移はしておらず
HTMLの内容を書き換えています。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[CTRL-S]

duration : slow,
は
duration : 'slow',
にしないとエラーになると思うのですが、それが原因では？

[fullmoon311]

’’でくくっても挙動は変わらず。

[fullmoon311]

setTimeoutを消したら、動くのですが動く画面が遷移前の画面（「次の画面へ」がある画面）が動いてしまうのです。。。
そうじゃなくてボタン押した跡の画面を動かしたい。。

Answer 1

自己解決致しました。

もしかして画面遷移は疑似的なので、画面遷移終わった後にある要素が表示されたらscrollさせればよいと考えて試した見たところ出来ました。

回答ありがとうございました。

Answer 2

setTimeout的な処理はjQueryではdelay/queueで処理できます