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

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

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

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

# vue.js # html5 # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue