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

Question

我有一个iframe，加载到同一来源的页面中。这个iframe有两个div个，可以看到一个或另一个。点击按钮，系统会隐藏当前有效的div，并显示另一个div。这很有效。

问题是，点击button后，下一个div可见，但div的底部显示在屏幕上。我希望在div可见时滚动到顶部。

我试过的代码： Snippet 1

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

适用于页面本身，但不能在其他页面中作为iframe嵌入时使用。

Snippet 2

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

转到父页面的顶部

如何修改此代码以将我带到iframe的顶部？

Answer 1

我能够解决这个问题。

这是有效的代码。

{"success":true,"message":"Recommending teacher list.","result":[{"display":"Hiremath Mrugendra Chanabsayya","value":"2"}]}