当您显示谷歌地图时，Chrome 会隐藏 iframe 滚动条答案

【问题标题】：Chrome hides iframe scrollbar when you display google maps当您显示谷歌地图时，Chrome 会隐藏 iframe 滚动条
【发布时间】：2012-11-26 13:40:00
【问题描述】：

我想在带有滚动条的 IFrame 中显示谷歌地图。

<!DOCTYPE HTML>
<html>
<head>
    <title></title>
</head>
<body>
    A website
    <br />
    <iframe src="http://parkall.hu/teszt/parkolok/index.html" 
     style="overflow: scroll; width: 540px; height: 630px;"></iframe>
</body>
</html>

它可以在最新的 firefox (v17) 中运行，但不能在 Chrome (v23) 中运行，奇怪的是，Chrome 会暂时显示滚动条，然后隐藏。如果您发现要抓住不可见的东西，滚动条仍然可以使用....

你有没有注意到这一点？也许它可以用 CSS 解决，但我无法找到，HTML5 不支持 scrolling="yes" 属性。当然，如果我将 scr 更改为 wikipedia.org，它会显示滚动条。

【问题讨论】：

在 Chrome v23 中工作正常。
对我来说也很好......
您尝试过示例代码吗？我的猜测是谷歌地图本身会使用 javascript 禁用滚动条。这意味着您的示例代码有效，因为您的示例不包括谷歌地图。
@DamienOvereem 您在 src="" 中看到的 URL 包括谷歌地图。这是一个有效的例子。 parkall.hu/teszt/scrollsample.htm
而 iframe 在 iframe 中？ .. 好吧，我可以想象这会把事情搞砸:) 我不会在这件事上伤到我的手。

标签： css google-maps google-chrome iframe scrollbar

【解决方案1】：

谷歌地图很有可能会尝试使用 javascript 从其 iframe 中禁用滚动条。在这种情况下，您将需要一些自己的 javascript 在页面加载后几秒钟（通过使用 setTimeout()）来应对这种情况。

您需要在 setTimeout 中更改的内容取决于隐藏滚动条的情况。由于示例不完整，我无法确定到底发生了什么。

请将您的代码放入 jsfiddle.net 并回复链接，以便我们检查确切的问题。

【讨论】：

jsfiddle.net/uPt5t 我已将地图代码更改为我在地图 api 文档中找到的代码。看来maps api真的隐藏了它，如果我在调用mapinit js之前添加了2s延迟，滚动条可见2s并消失。
这就是我的想法。这绝对有意义。谷歌地图有自己的滚动功能。没有理由要在其上添加滚动条。