css - 当您显示谷歌地图时,Chrome 会隐藏 iframe 滚动条

标签 css google-maps google-chrome iframe scrollbar

我想在带滚动条的 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,它会显示滚动条。

最佳答案

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

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

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

关于css - 当您显示谷歌地图时,Chrome 会隐藏 iframe 滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13566022/

相关文章:

javascript - 如何在 vue 组件的 google map 中显示组合框的选定城市?

javascript - 可以从元素中删除谷歌地图吗?

google-chrome - 如何使用 WatiN 自动化 Chrome?

css - 为什么使用响应式 CSS 代码堆叠元素?

html - CSS 中每个 <h1> 标题下方的水平线/线

javascript - 将 CSS 转换为不同的格式 (JavaScript/jQuery)

javascript - HTML5 视频无法在 Chrome 中播放

html - 如何在我的 SVG 图标代码中为咖啡杯中的 Steam 制作动画?

ios - 用于 Flutter iOS Swift 设置的谷歌地图

javascript - 如何在 Chrome 扩展中将 URL 与片段标识符匹配?