之前使用 vue-amap 地图组件在 chrome 浏览器上做地理位置选择时，添加了一个 input 搜索框在地图图层上，但是测试时偶尔出现了一个问题，使用鼠标滚轮上下滚动时，这个 input 搜索框会消失，滚动到下面时，搜索框又出现。然后查看了一下DOM，发现这个input框存在于页面中，有点搞不明白。一开始尝试的解决方法是直接将原生的 amap 搜索组件加上去，但是还是会出现这种问题。后来在网上搜到了一个属性 -webkit-transform: translate3d(0, 0, 0) 开启硬件加速，发现似乎可以解决这个问题 ，mark下~

网上搜到有类似这种问题：
iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
what does -webkit-transform: translate3d(0,0,0); exactly do? Apply to body?