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

Question

我在谷歌地图上使用Mac Trackpad。 如果我用双指向下或向上滑动，地图会放大或缩小（就像它应该的那样），但整个页面会向上或向下滚动。

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

当我使用带滚轮的普通鼠标时，我不会遇到同样的问题。

我已尝试在地图元素的e.preventDefault()侦听器中执行scroll之类的操作，但没有运气。

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

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

谢谢！

Answer 1

使用jQuery试试这个：

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

使用jQuery 1.7之前，请使用bind()代替on()。

Answer 2

对我来说工作正常，尝试为触控板下载MagicPrefs，它会为您提供更多关于触控板工作方式的偏好。 http://magicprefs.com/