Javascript 在div上滚动

我正在为一个网站定制谷歌地图。我设法通过API和的站点获得了我想要的

目前，可以在我的地图上滚动以靠近或更高。我想知道我们是否可以在地图上方的div（包含表单）上也这样做

我的地图（表格在右边）： *除去*

Ps：出于安全考虑，我对地图进行了像素化处理

---

提前谢谢你，没问题。mapsapi公开了这种方法的

getZoom

和

setZoom

。您只需在容器中为mousewheel事件设置事件处理程序

它看起来像这样：

$('#container').on('mousewheel', function (e) {
  var currentZoom = map.getZoom();
  if (e.originalEvent.wheelDelta > 0) {
    map.setZoom(currentZoom + 1);
  }
  else {
    map.setZoom(currentZoom - 1);
  }
});

这是一个工作，所以你可以看到它的行动

---

此外，如果您试图放大到特定点，可以在进行缩放之前使用

setCenter

。您选择的中心点将是地图放大的方向。

@Phillip Schmidt:它现在正在工作thx

我想知道你是否也有一些关于禁用“经典”卷轴的知识？

---

当我在div上滚动时，缩放效果很好，但“经典”滚动也很好：//

Hi！谢谢你的帮助，但我不确定你是否理解我的想法。所以当我们在我的表单上时，我希望你可以像我的鼠标在地图上一样上下滚动地图。哦，我明白了。所以你基本上想要扩展地图的区域来包含你的表单？没错！有可能吗？有可能。等一下，我看看能不能扔点东西together@Drupal8ForTheWin我编辑了我的答案，并提供了一个jsfiddle来向您展示如何做到这一点。希望有帮助！