Android默认浏览器:谷歌地图制作“;位置:相对;元素在页面顶部滚动

Android Default Browser: Google Maps makes "position: relative" elements scroll over the top of the page

本文关键字：元素 滚动 顶部 相对 位置 谷歌地图 Android 默认浏览器      更新时间：2024-06-10

我在用谷歌地图和position:relative元素调试默认的Android浏览器时遇到了一个奇怪的错误。

在其他所有移动浏览器上，这都很好，但当使用JS创建谷歌地图元素时，它开始漂浮在屏幕顶部，就像某种视差效果一样。此外，其他position:relative元素似乎也会随之滚动。如果我隐藏Maps元素，pos:relative的元素会再次正常运行。

关于该元素的现有规则是：

  • 位置：相对
  • 背景颜色：rgb（229227223）
  • 溢出：隐藏
  • -webkit转换：translateZ（0）
  • z索引：0

如果我将transform设置为"none"或将z-index设置为"-1"，那么问题就停止了，但是Maps元素被删除或对平移等没有响应。

如有任何帮助，我们将不胜感激。

感谢：）

太糟糕了，Android上没有"inspect元素"！

您是否尝试过将有问题的div封装在父div中的简单选项？也许map正在修改父div（即您的div）？这似乎是一个合乎逻辑的答案，尤其是当映射也"神奇地"影响到其他div时。

相关文章：