確認ボタンを押した後に画面のトップに戻りたい

wordpress固定ページにて問合せホーム作成後確認ボタンを押した後に確認画面になるところまでは
下記コードでできたのですが画面がｽｸﾛｰﾙし、
h3タグのところまで上にスクロールがうまくいきません

HTML
1<html>
2<body>
3 <div class="card">
4    <h3 class="card-header" data-formrun-hide-if-confirm>ﾌｫｰﾑを入力してください</h3>
5    <h3 class="card-header" data-formrun-show-if-confirm><a href="#link">確認画面</h3>
6
7<div class="form-group row" data-formrun-class-if-success="has-success" 　data-formrun-class-if-error="has-danger" data-formrun-target="お子様氏名">
8
9<label class="form-control-label" for="name">お子様氏名   <span class="haveto">必須</span></label>
10
11<div class="cp_iptxt" data-formrun-hide-if-confirm>
12<input type="text" placeholder="親子太朗" pattern="\S+" 　class="form-control" id="name" name="お子様氏名" data-formrun-required="" data-formrun-class-if-success="form-control-success" 　data-formrun-class-if-error="form-control-danger"><i class="fa fa-child  faa-vertical animated fa-lg fa-fw" aria-hidden="true"></i>
13            <div class="text-danger" data-formrun-show-if-error="お子様氏名">正しく入力してください</div>
14          </div>
15          <div class="cp_iptxt" data-formrun-show-if-confirm>
16            <span data-formrun-confirm-value="お子様氏名"></span>
17          </div>
18        </div>
19<a href="javascript:void(0)" class="btn btn-secondary" data-formrun-back-button="">戻る</a>
20<button id="#link" disabled type="submit" class="btn btn-primary pull-xs-right" data-formrun-error-text="未入力の項目があります" data-formrun-send-text="送信する" data-formrun-submitting-text="送信中...">確認</button>
21        
22</div><!-- /.container -->
23</body>
24</html>

Javascript
1<script>
2jQuery(function() {
3    var pagetop = $('#page_top');   
4    pagetop.hide();
5    $(window).scroll(function () {
6        if ($(this).scrollTop() > 100) {  //100pxスクロールしたら表示
7            pagetop.fadeIn();
8        } else {
9            pagetop.fadeOut();
10        }
11    });
12  $('a[href^="#"]').click(function(){
13    var time = 500;
14    var href= $(this).attr("href");
15    var target = $(href == "#" ? 'html' : href);
16    var distance = target.offset().top;
17    $("html, body").animate({scrollTop:distance}, time, "swing");
18    return false;
19  });
20});
21</script>

上記のbtnのidを変更したらよいのでしょうか？
どなたかわかるかたいませんでしょうか？

itzuakniami123

2020/10/28 07:13

マークダウン記法を是非活用してください。そのままだと分かりにくいので、HTMLの部分は、「```HTML」だけの行と「```」だけの行で囲むように書き、CSSの部分は「```CSS」だけの行と「```」だけの行で囲むように書いてください。質問を書く際はテンプレートがあるので、できるだけそれに沿う形で書くと良いと思います。