滚动会导致 IE9 中的页面滚动和地图缩放（Google 地图 v2）

Question

在 Internet Explorer 9 中，使用 Google Maps API v2（已弃用），使用滚轮缩放也会导致页面滚动。有谁知道这个问题的解决方法？ （遗憾的是，目前还无法将我们的代码库升级到 v3。）早期版本的 Internet Explorer 中不会出现此行为。

这是一个测试页面。

Answer 1

网上似乎有很多人有同样的问题，但我没有找到解决方案。这是我的：

由于不可滚动组件不会引发滚动事件，并且该事件在文档对象上是不可取消的，因此无法使用标准 DOM。幸运的是，有一个名为“mousewheel”的 jQuery 小插件，它为 jQuery 添加了“mousewheel”和“unmousewheel”事件绑定功能。 “mousewheel”事件调用的函数可以返回 false 以取消它，然后文档不会接收它。因此，我测试了 IE9 或更高版本，并在必要时下载这个小插件，将其应用到保存地图的 div 上。

Answer 2

请尝试

$('#map').mouseover( function(){ 
    document.body.style.overflow = 'hidden';
    $('#wrap').css('margin-right','17px');
    console.log('mouse -> map , ' , document.body.scroll, ' / ' , document.body.style.overflow );   
} );

$('#map').mouseout( function(){ 
    document.body.style.overflow = 'auto';
    $('#wrap').css('margin-right','0px');
    console.log('mouse map -> , ' ,  document.body.scroll, ' / ' , document.body.style.overflow);  
} );

此代码隐藏滚动条。我发现这只是在 IE 中禁用滚动的一种方法。
document.body.scroll = "no" 不起作用。 ( IE9 )

#map - 是带有谷歌地图的 div，
#wrapper - 是包含所有页面的 div。
$('#wrap').css('margin-right','17px'); // 只是为了在左侧滚动条隐藏/显示时保持页面宽度

Answer 3

要使用 PrototypeJS 1.7 解决此问题（如 Marek 和 theazureshadow 建议），您可以在 IE9 上使用：

$(gMapDiv).observe('mousewheel', function(event){
    event.stop();
});

Answer 4

我遇到了同样的问题，并通过以下方式解决：
当光标位于地图元素上并且滚轮移动时，将禁用整页滚动。只有地图会放大或缩小

$('#map').live("mouseover",function() {
  $('#map').mousewheel(function(event) {    
  stopWheel(event);

  });
})

function stopWheel(e){
if(!e){ /* IE7, IE8, Chrome, Safari */ 
    e = window.event; 
}
if(e.preventDefault) { /* Chrome, Safari, Firefox */ 
    e.preventDefault(); 
} 
e.returnValue = false; /* IE7, IE8 */
}