Android Chrome浏览器地址栏移动固定元素的击键区

Question

似乎Android Chrome浏览器有一个相当大的错误，即有时隐藏/显示地址栏会导致固定元素根据浏览器地址栏高度上下移动其边界框。因此，元素在视觉上停留在同一位置，但是边界框实际上在移动。这会导致可点击区域无用，因为它们不再注册（请参见下图）。

该错误是间歇性的，但通过快速滚动然后突然停止滚动触摸屏幕，我已经能够可靠地复制该错误。还有其他人遇到过这种情况吗？更重要的是，有人有避免这种行为的解决方案吗？

在第一张图片中，请注意没有地址栏。通过向下滚动隐藏。边界框应该在其中。

现在有了地址栏，它会将整个边界框向下移动，在这种情况下不可见。这会使按钮的点击区域无效。

Answer 1

您是否尝试过将整个页面包装在具有固定位置的组件中？

我在 iOS 上遇到过这个问题，Safari 的底部栏隐藏了我们的内容，而这个修复对我们有用。