我正在使用OpenLayers 3.14及其Overlay功能来显示菜单。
// JavaScript:
var popup = new ol.Overlay({
element: document.getElementById('popup')
});
popup.setPosition(coordinate);
map.addOverlay(popup);
<!-- HTML -->
<div id="mapContainer">
..
<!-- other map related stuff -->
..
<div id="popup" class="ol-popup">
<a href="#" id="popup-closer" class="ol-popup-closer"></a>
<div id="popup-content"></div>
</div>
</div>
在Firefox和Internet Explorer中,当我通过鼠标悬停菜单并从滚轮滚动时,地图会缩放。
在Chrome中,弹出窗口中的列表会滚动,这是正确的行为。
为什么不在IE和FF中?