当点击一个元素时,用户可以打开一个模态窗口 DIV 覆盖整个窗口——它的内容大约是 100px 高度,窗口的其余部分将被涂黑。由于其他原因,这个overlay-div必须用top:3rem绝对定位。
在可访问性方面,在打开模态窗口时,我将焦点设置到 overlay-div,因此像 VoiceOver 这样的屏幕阅读器知道从哪里继续——并且浏览器将它们的视口(viewport)跳到顶部,例如到覆盖窗口。
这在桌面和移动设备的所有浏览器以及所有屏幕阅读器等中完美运行,同时单独使用该网站。所有浏览器视口(viewport)都跳到顶部以显示 overlay-div 的全貌。
但是,如果我通过 IFrame 将网站包含到另一个网站中,这种“viewport-jumping to the overlay-div”确实适用于所有浏览器,除了桌面和 Android 上的 Google Chrome。 :-/有趣的是 scrollTop() 也不起作用。 Chrome 只是停留在原来的位置,我必须手动向上滚动才能看到 overlay-div。
知道如何强制 iframe(或父窗口)滚动到顶部(或定义的 px-from-top)吗?
最佳答案
我已经用 JS 手动 scrollTo onClick 修复了它。
Seams 是 Chrome 中的一个错误——我已经报告过了。
关于javascript - 将 IFrame 滚动到顶部在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36301446/