javascript - Android 默认浏览器 : Google Maps makes "position: relative" elements scroll over the top of the page

Question

我在使用 Google map 和 position: relative 元素调试默认 Android 浏览器时遇到奇怪的错误。

在所有其他移动浏览器上都很好，但是当使用 JS 创建 Google map 元素时，它开始漂浮在屏幕顶部 - 就像某种视差效果。此外其他位置:相关元素似乎随它滚动。如果我隐藏 Maps 元素，则 pos: 相关元素再次正常运行。

元素的现有规则是:

• position:relative；
• 背景颜色:rgb(229, 227, 223);
• 溢出:隐藏；
• -webkit-transform: translateZ(0)
• z-index: 0;

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

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

谢谢 :)

Answer 1

太糟糕了，Android 上没有“检查元素”!

您是否尝试过将有问题的 div 包装在父 div 中的简单选项？也许 maps 正在修改父 div(即你的 div)？ 这似乎是一个合乎逻辑的答案，特别是如果 map 也“神奇地”影响其他 div。