参考了几篇帖子,原因应该是百度地图的底层加载逻辑导致的,具体的解决方案也因人而已,主要的思路有两个方向:
1、地图部分放到无滚动区域的dom中,只要不溢出,就不会缩放有问题
2、实时更新地图元素的scrollTop
帖主案例:React项目,引入百度地图,在Modal弹窗中显示位置信息,Modal中包含的内容很多,溢出滚动,百度地图复现上述bug,具体解决方案:
function InfoModal() {
// 逻辑层
...
let wrapScroll = document.querySelector('.ant-modal-body');
wrapScroll &&
wrapScroll.addEventListener('scroll', () => {
window.scrollY = wrapScroll.scrollTop;
});
return <Modal>
...
<map/>
</Modal>
}
tips:.ant-modal-body调用的是ant的modal弹窗,.ant-modal-body是包含滚动条的dom元素
相关文章:
https://blog.csdn.net/qq_40259641/article/details/108384833
https://blog.csdn.net/fredricen/article/details/82193272