jquery - ボタンをクリックした後にページを上にスクロールするにはどうすればよいですか?

Question

登録フォームを含むこのhtmlコードがあり、クラス.regのボタンをクリックした後、ページを上にスクロールする必要があります。問題は、ページがフォームの境界線までしかスクロールしないことです。

<div class='registration borders'>

<form action="{$web_path}/model/user/userRegistration.php" method="post">

<input class='user' type='text' name='user' autofocus required placeholder="uživatelské jméno">
<input class='email' type='email' name='email' required placeholder="Váš e-mail">

<input class='password' type='password' name='password' required placeholder="uživatelské heslo">

<button class='reg' type='submit' name='registration_sent'>ZAREGISTROVAT</button>

</form>

</div>

Javascript コード

$(document).ready(function () {
    var button_reg = $('button.reg');
    button_reg.click(function () {

        // scroll top
        $('html, body').animate({
            scrollTop: 0
        }, 'slow');
    });

    // end jquery
    return false;
});