vue-baidu-map 当父元素设置overflow,并有滚动条时,滚轮缩放地图中心点有偏移

在特定条件下,百度地图的滚轮缩放功能会出现中心偏移问题,尤其是在父元素存在滚动条而非body层时。本文探讨了这一现象的原因及尝试解决的方法,最终采用双击缩放作为替代方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

进日在使用百度地图的时候发现一个问题,当父元素有滚动条的时候,滚轮缩放百度地图鼠标滚轮中心会有偏移。不是中心点。但是整体页面(浏览器)有滚动条的时候就没有这种情况。
类似下方这种情况!
在这里插入图片描述
在这里插入图片描述
再查阅一番资料后,得知百度地图的缩放是基于body层的,如果body层有滚动条,并且不在最顶端,在当前位置插入了百度地图,也就是出现该问题时的状态,这个时候滚轮缩放就会产生偏移。

但是,目前的情况是父元素出现了滚动条,当初始加载地图没有完全展现在视野中的时候,会出现滚动条。

如果初始加载地图出现在视野中在(最顶端),缩放的时候就不会出现偏移

经历各种方法最后还是没有解决…
最中还是使用了双击缩放代替滚轮缩放…
不知道小伙伴们有什么解决办法呢

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值