传单防止窗口滚动

Question

我正在创建一个视差设计的网站，对于某些部分，我需要地图作为背景。我希望地图对鼠标滚轮滚动不敏感，但我希望保留+按钮缩放控制。但我的解决方案仍然不起作用——一旦我滚动到地图并点击它，我就再也无法滚动离开它了。这是我当前设置的小提琴：

https://jsfiddle.net/Drozi/x7jg4we6/47/

If you try to scroll down to the map, click on the map, you cant scroll back after that.

我试着从头开始制作一把小提琴，从那以后就成功了。不幸的是，同样的设置(我在这里肯定遗漏了一些东西(在整个网页中不起作用(也在共享小提琴中(。

我使用引导程序4。

Answer 1

我能够在jsfiddle中看到您的问题。将pointer-events: none添加到传单地图容器中似乎对我来说很好。即使在点击地图后，页面仍然会随着视差效果滚动，缩放控制仍然有效：

#leafletmap-places {
height: 100%;
width: 100%;
opacity: 0.4;
z-index: 0;
pointer-events: none; // <--- works for me
}

这是你的零钱，如果这样对你有用的话，请告诉我。

(我不确定这是否是你的意图，但你的地图没有响应拖动事件-我的更改仍然是这样。然而，我的更改也禁用了双击事件。如果你的地图需要更多的交互性，可能需要做更多的调整。(