google-maps - 当我在 Chrome 中放大 Google 地图时，如何防止页面滚动？

Question

我在 Google 地图上使用 Mac 触控板。如果我用两根手指向下或向上滑动，地图会放大或缩小（就像它应该的那样），但随后整个页面会向上或向下滚动。

我认为这与触控板的动力有关（可能与 Magic Mouse 相同）。

当我使用带有滚轮的普通鼠标时，我没有同样的问题。

e.preventDefault()我曾尝试在地图元素的侦听器中做类似的事情scroll，但没有运气。

要查看示例，只需在 Google 自己的演示页面上快速放大或缩小：https ://developers.google.com/maps/documentation/javascript/examples/map-simple

当我只想缩放地图时，如何防止整个页面滚动？

谢谢！

score 2 · Accepted Answer

用 jQuery 试试这个：

 $("#idOfMap").on("wheel mousewheel DOMMouseScroll", function(e){
     e.preventDefault();
 });

使用 1.7 之前的 jQuery 时，请bind()使用on().

score 0 · Accepted Answer

对我来说工作得很好，尝试为你的触控板下载 MagicPrefs，它让你对触控板的工作方式有更大的偏好。 http://magicprefs.com/

2 回答 2