如何从iframe内部滚动到iframe的顶部

我有单人间 iframe ,加载到同一来源的页面。这个 iframe名称 有两个 div 一个或另一个是可见的。单击当前活动的按钮 分区 是隐藏的另一个 分区 可见。这是有效的。

问题是,单击 button ,下一个 分区 是可见的,但分区的底部在屏幕上。我想滚动到 分区 当它可见时。

我尝试的代码: 代码段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的顶部?