javascript - 在Cesium中禁用鼠标滚轮

Question

我有一张通过 ol3-cesium 使用铯的 map 。该 map 未使用网站的全部空间。我正在尝试禁用滚轮缩放，以便我可以继续使用鼠标滚轮上下滚动网页。

我可以禁用鼠标滚轮缩放:

map3d.getCesiumScene().screenSpaceCameraController.enableZoom = false;

但是，这并不能让我恢复正常的页面滚动。滚动事件似乎被Cesium捕获并且没有传播。

如何让Cesium忽略鼠标滚轮或将鼠标滚轮传播到浏览器，以便用户即使光标位于 map 顶部也可以滚动页面？

Answer 1

像这样的事情应该可以解决问题。监听 cesium 容器中的wheel事件，当它发生时，只需滚动窗口即可。

var pageStep = 25;
document.getElementById('yout-cesium-container-id').addEventListener("wheel", function(event) {
    if (event.deltaY < 0) {
        window.scroll(0, window.pageYOffset - pageStep);
    } else {
        window.scroll(0, window.pageYOffset + pageStep);
    }
});

您仍然需要禁用Cesium中的放大和缩小。

map3d.getCesiumScene().screenSpaceCameraController.enableZoom = false;