【发布时间】: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