javascript - 当用户在 iframe 中导航时，如何强制 iframe 的父页面自动滚动到顶部？

Question

* 请注意:跨域场景*

我有一个没有滚动条的 iframe，但比浏览器窗口高得多，因此垂直滚动是由浏览器的主垂直滚动条完成的。然而，这有一个令人不安的功能:当在向下滚动状态下完成导航时，滚动不会重置为父级中的顶部。

我想在 iframe 中发生页面导航时自动将此滚动重置为初始顶部状态。

提前致谢。

Answer 1

如果您的 iframe 存在跨域问题(指向您网站以外的其他位置)，您不能:
error : Permission denied to access property 'document'

但如果没有，您可以使用此代码来完成。将其添加到页面中的脚本中:

var myframe = window.frames[0].window;
myframe.onscroll = function(){if(myframe.scrollY == myframe.scrollMaxY){window.scrollTo(0,0);}};
//Thanks Diodeus!

或者您可以通过 getElementById 或其他类似方式选择它，并提供对 myframe 变量的引用。当您在 iframe 中向下滚动然后向上滚动整个文档时，这会触发一个事件。