單擊按鈕並更改頁面后，滾動回到首頁

Question

我有一個多步驟表單，上面有一個多步進度欄。 對於多步驟表單，我使用帶有“ step1 / 2/3/4”作為id的選項卡窗格。 當我在第一部分中並向下滾動時，我想單擊“下一部分”按鈕。 單擊按鈕后，它將帶我到下一部分，但與向下滾動以單擊按鈕時相同。 我想做的就是通過單擊按鈕將我更改為頁面頂部。 我試圖將此方法添加到我的javascript代碼中，但是它不起作用：

$(document).ready(function(){
    $(this).scrollTop(0);
});

任何幫助，將不勝感激！ 謝謝！

這是我的JS代碼：

$(document).ready(function () {
  //Initialize tooltips
  $('.nav-tabs > li a[title]').tooltip();

  // METHOD FOR THE PROGRESS BAR 
  $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {

    var $target = $(e.target);

    if ($target.parent().hasClass('disabled')) {
      return false;
    }
  });

  // NEXT STEP METHOD - WHEN BUTTON CLICKED TAKES TO THE NEXT SECTION
  $(".next-step").click(function (e) {

    var $active = $('.progressbar .nav-tabs li.active');
    $active.next().removeClass('disabled');
    nextTab($active);

  });


  // PREVIOUS STEP METHOD - WHEN BUTTON CLICKED TAKES TO THE PREVIOUS SECTION
  $(".prev-step").click(function (e) {

    var $active = $('.progressbar .nav-tabs li.active');
    prevTab($active);

  });
});

這是選項卡窗格底部的按鈕：

<button type="button" name="next" class="next proceed-to-payment next-step" value="Proceed to Payment">Proceed to Payment</button>
 <button type="button" name="previous" class="previous back-to-cart prev-step" value="Back" id="back-to-cart-id">Back</button>

Answer 1

添加$(document).scrollTop(0)或window.scrollTo(0, 0); 到$(".next-step").click和$(".prev-step").click函數