javascript - OpenLayers 上的滚轮缩放停止工作，div 设置为溢出 :auto

Question

这是我的 map div 的 CSS:

#map {
              position: fixed;
              top: 9.48em;
              bottom: 2.2em;

            }

我的 OpenLayers map 在这个 div 中呈现。一切正常。但是只要我添加一个

overflow:auto;

上面 css 中的属性，在我的 map 上使用滚轮缩放被禁用。我需要添加此属性，因为现在我需要显示一些表格来代替 map 。

我怀疑当我添加滚动条时，滚轮事件没有到达 OpenLayers。

是否可以通过修复 css 或一些 OpenLayers 代码来解决这个问题？

我知道我可以通过在 JS 中添加一些逻辑来做到这一点，这些逻辑根据正在加载的页面动态更改 css 属性，但除非绝对必要，否则我不想走那条路，并找到干净的解决方案。

谢谢。

Answer 1

问得好，这是设计使然:如果您在可滚动的 div 上，OpenLayers 将不会执行任何操作(它会为此检查溢出样式)，否则，它会滚动 map 。

查看来源以获取解释:https://github.com/openlayers/openlayers/blob/master/lib/OpenLayers/Handler/MouseWheel.js#L149

溢出样式的检查在这里:https://github.com/openlayers/openlayers/blob/master/lib/OpenLayers/Handler/MouseWheel.js#L124