Пошаговое заполнение формы, этапы заполнения, как решить проблему между переключением этапов?

Question

[Антон Вебсайтовский]

Здравствуйте.

Поставил скрипт пошагового заполнения формы, сделал 2 этапа, проблема с кнопкой back, вернуться назад, когда заполнили 1 этап, нажимаем Продолжить, переходим на 2 этап, на 2 этапе есть кнопка Назад, если мы ее нажимаем то кидает куда-то вниз, как сделать чтобы кидало в начало формы? к примеру id="oformform".

Рабочий пример, адаптивный: https://jsfiddle.net/w5bL8acz/5/
Эмитируем телефонную версию, сжимаем экран в примере, спускаемся вниз, нажимаем Продолжить, форму заполнять не обязательно, далее спускаемся вниз, нажимаем Назад, и нас кидает как бы вниз, так вот надо это поправить, чтобы кидало к началу формы, подскажите как это реализовать?

Answer 1

[irishmann]

Прокручиваем к нужному элементу - пример

Comments

[Антон Вебсайтовский]

Спасибо, работает.

Answer 2

[Erl]

https://jsfiddle.net/pb0wujt1/6/

Comments

[Антон Вебсайтовский]

Спасибо, работает ))
А как тож самое сделать с кнопкой продолжить, а то он поднимает не к началу формы.

[Антон Вебсайтовский]

Уже делал, добавил кусок кода который вы добавили и все работает.

$("a.next").click(function(){	// Событие клика на ссылку "Следующий шаг"
    event.preventDefault();
    if (current_step == steps.length-2) { // проверяем, будет ли следующий шаг последним
      $(this).hide(); // скрываем ссылку "Следующий шаг"
      $("form button[type=submit]").show(); // показываем кнопку "Регистрация"
    }
    $("a.back").show().css('display', 'inline-block'); // показываем ссылку "Назад"
    current_step++; // увеличиваем счетчик текущего слайда
    changeStep(current_step); // меняем шаг
    $([document.documentElement, document.body]).animate({
      scrollTop: $("#oformform").offset().top
    }, 500);
  });

[Антон Вебсайтовский]

А такой вопрос сможете решить? Якорь на доп страницах ведущий на главную, как анимацию сохранить?

[Erl]

Антон Вебсайтовский, закиньте код на jsfiddle

[Антон Вебсайтовский]

Erl, а там же не выйдет сделать 2 страницы ! что бы можно было с одной на другую переходить и отслеживать как работает якорь, как быть? телеграм есть?