Html Can'；在手机上滚动谷歌地图弹出窗口

我有一个弹出窗口，当用户点击地图上的一个标记时出现（我使用的是谷歌地图JavaScript API）

HTML:

JavaScript:

var popupList = document.getElementById('popup');
... some processing code
popup = new Popup(latLng, popupList);
popup.setMap(map);

在手机上，您可以单击弹出窗口中的内容，但不能触摸滚动。滚动在带有触摸板或鼠标的PC上可以正常工作，但触摸滚动不起作用

我试过

• 在div上设置高度
• 将z索引设置为高数值
• 将overflow-y设置为滚动/自动
• 添加-webkit溢出滚动：触摸
• 设置位置：固定

这些都不适合我

下面是弹出窗口的一个示例。滚动条可见，但触摸滚动不工作

编辑：

我有一个小小的发现。如果我在创建

body

元素后附加弹出窗口，它可以正常工作，但位置不正确。触摸滚动问题是由

popup.setMap（map）

引起的，此后，该弹出窗口成为MVCObject，并成为Google Maps API创建的某个随机元素的子元素

---

我很确定这是一个bug，或者至少是一个意外的特性。我正在提交一份bug报告。

我肯定我以前在嵌入论坛时见过这种情况，我会尝试更改

overflow-y:auto至<代码>溢出-y：触摸

并确保选择内容宽度和高度，并在整个过程中重复它们

您没有提供足够的Javascript代码。我刚刚看了官方的例子，效果很好。你能在问题中添加整个地图和弹出初始化功能吗？你能发布代码或Fiddle url吗？两个手指滚动告诉地图滚动而不是页面。

.popup-bubble-content {
    z-index: 1000000;
    position: absolute;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

var popupList = document.getElementById('popup');
... some processing code
popup = new Popup(latLng, popupList);
popup.setMap(map);