Javascript MapBox dragging.disable功能阻止移动设备上的页面滚动

我正在使用MapBox地图，我有以下问题：

在手机上，地图不会填满所有页面，因为我需要在地图后面显示其他内容

我正在使用

map.dragging.disable（）

这样可以防止按预期拖动地图，但也可以滚动地图。那么，如何在不阻止正常滚动行为的情况下禁用该拖动事件呢？我需要能够像图片一样滚动地图，但我不想这样做

---

我也看到过，但它对我没有帮助。

我不知道这是否有帮助，但用覆盖手动覆盖mapbox确实有效

<!-- Wrapper -->
<div style="position: relative;">
  <!-- Mapbox object -->
  <div id="mapbox"></div>
  <!-- Overlay -->
  <div style="height: 200px; position: absolute; top: 0; width: 100%;"></div>
</div>

---

此外，您可以将覆盖显示从“块”切换到“无”，以使地图再次可拖动。

我也遇到了这个问题。出于好奇，您使用的是什么版本的mapbox？我不记得在过去的版本中这是一个问题。我在v2.2.1上

我在我的站点上使用的解决方案是，当存在

.touchevents

类时，将

z-index:-1

属性应用于地图容器。这样，您就不需要向页面添加不成功的标记

HTML

<div id="map"></div>

如果您不使用Modernizer，我会鼓励您使用，但如果您因为任何原因不能使用，您可以在较小的浏览器宽度上应用z索引，并进行媒体查询。不如理想，但总比没有好

.touchevents #map {
    position: relative;
    z-index: -1;
}