Прокрутите обратно на верхнюю страницу при нажатии кнопки и изменении страницы

Question

У меня многоэтапная форма с многоэтапным индикатором выполнения выше.Для многошаговой формы я использую вкладки с «step1 / 2/3/4» в качестве идентификаторов.Когда я нахожусь в первом разделе и прокручиваю вниз, я хочу нажать кнопку «Следующий раздел».После того, как кнопка нажата, я перехожу к следующему разделу, но в тот же момент, что и я, когда я прокручивал вниз, чтобы нажать кнопку.То, что я хочу сделать, это перенести меня в верхнюю часть страницы при изменении раздела, нажав кнопку.Я пытался добавить этот метод в свой код 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