Как прокрутить iFrame вверх изнутри iFrame

У меня есть единственный 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?