【问题标题】:firefox gmap api V3 infowindow scroll different with chrome & safarifirefox gmap api V3 infowindow滚动与chrome和safari不同
【发布时间】:2015-06-28 08:51:28
【问题描述】:

我有点紧张,因为这是我在这个美丽而令人钦佩的社区的第一篇文章......

这是我的问题:我在地图上有一组带有信息窗口的标记,使用谷歌地图 API V3.19。

一些信息窗口的内容比尺寸大,所以我想要在信息窗口中有一个滚动条(不像很多帖子想让滚动条消失)

我所有的 infowindow 内容都在一个 div 中,每次打开新的 infowindow 时我都会设法将 z-index 放在顶部。

Safari 和 chrome:完美运行;滚动条打开,当我在信息窗口内用鼠标滚动时,信息窗口的内容会向下滚动。

Firefox:如果我在信息窗口内用光标滚动,放大或缩小的是地图,而不是向下滚动的内容。而且很难得到滚动条,这是滚动内容的唯一方式。

这一切都在 Mac OSx 上

从我的 css 中提取:markerInfoWin 是包装内容的 div 的类

#map-canvas div{
   overflow:scroll !important;
}

.markerInfoWin {
    border-top: 12px solid;
    width: 290px;
    height: 300px;
    overflow-y: scroll !important;
}

当我打开一个名为 infoWin 的信息窗口时使用 javascript:

var zindex = globalZindex + 1;
this.infoWin.setContent(this.contentInfoWin_);
this.infoWin.setZIndex(zindex);
$("#" + this.infoWin.divname).css('z-index', zindex);
globalZindex = zindex;
this.infoWin.open(kflowMap, this.markerCont);

谢谢你,如果有任何提示,或者如果它是一个Firefox的错误!

最好的问候

【问题讨论】:

  • 任何可以测试的实时 URL?或者你能创建一个重现问题的小提琴吗?

标签: google-maps-api-3 infowindow


【解决方案1】:

好的,我有答案了。

不幸的是,这是 Firefox 中的一个“错误”

https://code.google.com/p/google-maps-utility-library-v3/issues/detail?id=328

很烦人...

谢谢大家

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-03-01
    • 1970-01-01
    • 2016-07-01
    • 2017-06-04
    • 1970-01-01
    • 1970-01-01
    • 2013-12-13
    • 1970-01-01
    相关资源
    最近更新 更多