将IFrame滚动到顶部在Chrome中不起作用

Question

单击元素时，用户可以打开覆盖整个窗口的模式窗口DIV-其内容大约为100px高度，其余窗口将被涂黑。 由于其他原因，此overlay-div必须绝对位于top：3rem。

在可访问性方面，当打开模式窗口时，我将焦点设置为overlay-div，因此诸如VoiceOver之类的ScreenReader知道要从何处继续-浏览器将其视口跳到顶部，例如到覆盖窗口。

单独使用该网站时，它在台式机和移动设备上的所有浏览器中以及所有屏幕阅读器等上均可完美运行。 所有浏览器视口都跳到顶部，以全面显示overlay-div。

但是，如果我通过IFrame将网站包含到另一个网站中，则此“视口跳转到overlay-div”功能在除台式机和Android上的Google Chrome浏览器之外的所有浏览器中都适用。 ：-/有趣的是scrollTop（）都不起作用。 Chrome只是停留在原来的位置，我必须手动向上滚动才能看到overlay-div。

任何想法如何强制iframe（或父窗口）滚动到顶部（或定义的px-from-top）？

Answer 1

我已使用JS的手动scrollTo onClick修复了该问题。

可能是Chrome中的错误-我已经报告过。