IE 11加载页面后跳转到嵌入的Google地图

3
我们在网站上嵌入了 Google 地图。它在所有浏览器中都能完美工作,包括 IE<=10。
然而,在 IE11 中,在特定情况下,浏览器会在加载 Google 地图后跳动(滚动),该地图恰好位于“折叠”下方。(“特定情况”:特别是主页不会出现这个奇怪的问题,但子页面和子域名页面始终会出现这个问题,尽管嵌入代码是相同的。)
搜索网络可以找到 Google 产品论坛上的此贴,即使别无他法,也证明这不是我们网站独有的问题。
我正在寻找解决方法以调试并找到跳动的根本原因。或许有人已经遇到过这个问题,或者有一个(新的)嵌入式地图配置选项可控制此行为?

1
嗯...从开发者控制台查看document.querySelector("*:focus")返回的内容可能会很有趣。 - Pointy
好主意,但在刚加载的页面上是“null”。我还发现了一个页面,在那里可以可靠地重现跳转,即使浏览器重新启动。我会更新问题。 - Boldewyn
1个回答

1
虽然我并没有“突跳”的根本原因,但我有一个避免此问题的解决方案。如你所见,在我开发的网站中,我通过WordPress插件BJ Lazy Load实现了延迟加载。由于谷歌地图iframe直到您滚动到该区域才出现在DOM中,所以“焦点”问题永远不会发生。对于非WP网站,您可以使用VVO的jquery插件

这是一个不错的想法,谢谢!我会与我的客户核实,看他们是否需要实施这个想法。 - Boldewyn
祝你好运。对于具有大量DOM元素的页面,延迟加载也是一个很好的选择。这个简单的技巧将页面加载时间缩短了60%。 - Gray Ayer
好的,我们将会部署这个解决方案。感谢您的回答! - Boldewyn

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接