不能在可滚动的div上使用鼠标滚轮

Question

我有两个div，另一个是另一个孩子。 子div是可滚动的并且位于父div（这是一个映射）上。 但我无法使用我的鼠标滚轮滚动div并使用鼠标滚轮使地图放大/缩小。当我点击时，我以类似的方式点击下面的地图（除了孩子的复选框）。

PARENT

<div id="map" class="map" style="position: relative;">

子

<div id="legend" class="legend" style="position: absolute; top: 0px; right: 0px; width:300px; z-index: 100;>
  <div>...</div>
  <div>...</div>
</div>

关于如何仅在子div上使用鼠标滚轮而不影响父div的任何想法？

我认为它可能与z-index有关，因为即使我将map的z-index设置为1000，它仍然低于图例。

注意：地图是以这种方式创建的传单地图：

var map = L.map('map', {
  center: [45.81, 9.1],
  zoom: 15
}); 

谢谢！

Answer 1

您可以使用div的{​​{1}}和disableClickPropagation方法停用disableScrollPropagation元素上的点击/滚动传播。他们将取消事件，因此它不会通过DOM冒泡：

L.DomEvent