百度地图 api 鼠标移上地图区域滚动鼠标滚轮进行缩放时,浏览器页面会随着滚动

各位大神,我用百度地图 api 时,鼠标移上地图区域滚动鼠标滚轮进行缩放时,浏览器页面会随着滚动怎么解决?

这是由于滚动事件冒泡的原因的,只要在嵌入百度地图的容器内阻止事件冒泡即可,
mapdiv.onmousewheel=function (e) {
e= e || window.event;
if(document.all){
e.cancelBubble=true;
}else{ e.stopPropagation(); }
};
温馨提示:内容为网友见解,仅供参考
第1个回答  2017-11-03
//在地图缩放开始的时候,就使得整个页面的高度为100%,防止页面随着地图滚动
map.addEventListener("zoomstart", function (e) {
$("html").height("100%");
$("body").height("100%");
});

//在地图缩放结束后,高度自动调整
map.addEventListener("zoomend", function (e) {
$("html").height("auto");
$("body").height("auto");
});
第2个回答  2019-06-12
不是你鼠标的问题。我鼠标换了三个,电脑换了两台,还是遇到
第3个回答  2017-05-12
是百度地图的问题,不是你鼠标的问题。我鼠标换了三个,电脑换了两台,还是遇到
第4个回答  2015-07-01
我也遇到类似问题了,求解决
相似回答