Javascript 无法在可滚动的div上使用鼠标滚轮

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

母公司

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

---

谢谢

您可以使用

L.doEvent

的

disableClickPropagation

和

disablescrollpagation

方法在

div

元素上禁用单击/滚动传播。他们将取消这些事件，这样就不会在DOM中冒泡：

L.DomEvent.disableClickPropagation(L.DomUtil.get('legend'));
L.DomEvent.disableScrollPropagation(L.DomUtil.get('legend'));

---

谢谢你的回答。你的建议奏效了！我能问你我的行为是否正常吗？顶部的div不应该受到鼠标事件的影响吗？顺便说一下，现在图例中的jQuery移动滑块无法移动。所有这些都有关系吗？如果你对这个问题也有答案，我会非常感激：）谢谢！不用谢，不用谢，永远欢迎你。这就是为什么。：）你所经历的被称为“”，这是正常的行为。事件总是通过它们的祖先冒泡出来，直到你在链中的一个元素上停止为止。否则它将继续运行到

主体

元素。如果您现在对jQuery滑块有问题，最好发布一个新问题，评论不适合提出/回答新问题。我会留意的。

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

L.DomEvent.disableClickPropagation(L.DomUtil.get('legend'));
L.DomEvent.disableScrollPropagation(L.DomUtil.get('legend'));