Как перейти к верхней части iFrame изнутри iFrame

Question

У меня есть один iframe, загруженный на страницу того же происхождения.У этого iframe есть два div, которые видимы один или другой.Нажатием кнопки текущий активный div скрывается, а другой div становится видимым.Это работает.

Проблема в том, что после нажатия на button отображается следующее div, но на экране отображается кнопка div.Я хотел прокрутить верхнюю часть div, когда он станет видимым.

Код, который я пробовал: Фрагмент 1

$('form').on('submit', function(e) {
  // other code to handle visibility
  window.scrollTo({
    top: 0,
    behavior: 'smooth'
  });
}

Работает наСама страница, но не в том случае, если она встроена в iframe в другие страницы.

Фрагмент 2

$('form').on('submit', function(e) {
  // other code to handle visibility
  window.parent.scrollTo({
    top: 0,
    behavior: 'smooth'
  });
}

Переходит к верхней части родительской страницы

Как мне изменить этот код, чтобы я поднялся на вершину iframe?

Answer 1

Мне удалось решить проблему.

Вот код, который сработал.

$('form').on('submit', function(e) {
  // other code to handle visibility
  $('.step2')[0].scrollIntoView();
  // step2 is the class name of the second div 
  // that is to be visible
}