在点击元素时,用户可以打开覆盖整个窗口的模态窗口DIV - 其内容大约为100px高度,窗口的其余部分将被涂黑。由于其他原因,这个overlay-div必须绝对定位于top:3rem。
在辅助功能方面,在打开模态窗口时,我将焦点设置为overlay-div,因此像VoiceOver这样的ScreenReader知道在哪里继续 - 并且浏览器将其视口跳到顶部,例如到覆盖窗口。
这在桌面和移动设备的所有浏览器以及所有屏幕阅读器等中都能完美运行,同时还可以自行使用网站。所有浏览器视口都跳到顶部,以显示overlay-div的全部荣耀。
但是如果我通过IFrame将网站包含在另一个网站中,那么«viewport-jumping to overlay-div»在所有浏览器中都有效,除了桌面和Android上的Google Chrome。 : - /有趣的是scrollTop()也不起作用。 Chrome只是保持原样,我必须手动向上滚动以查看overlay-div。
任何想法如何强制iframe(或父窗口)滚动到顶部(或定义的px-from-top)?
答案 0 :(得分:0)
我已经用JS手动滚动onClick修复了它。
接缝是Chrome中的一个Bug - 我已经报告过了。