Android Chrome浏览器地址栏会移动固定元素hitareas

Question

似乎Android Chrome有一个相当大的错误,有时地址栏隐藏/显示导致固定元素通过浏览器地址栏高度向下/向上移动其边界框.因此,元素在视觉上保持在同一位置,但边界框实际上会发生变化.这使得可点击区域无用,因为它们不再注册(参见下面的图像).

这个错误是间歇性的,但我已经能够通过快速滚动然后突然停止滚动触摸屏幕来非常可靠地复制它.有没有其他人遇到这个,更重要的是,有没有人有一个避免这种行为的解决方案？

在第一张图片中,请注意没有地址栏.向下滚动隐藏.边界框应该是它的位置.

现在使用地址栏,它会将整个边界框向下移动,在这种情况下会偏离视图.这使得按钮的命中区域变得无用.

Answer 1

我记得遇到过类似的问题，据我记得有position:fixed的元素，他们也需要这个：

transform: translate3d(0,0,0);

也就是说，最后是这样的

element {
    transform: translate3d(0px, 0px, 0px);
    position: fixed;
    top: 0;
}