[前端问题]关于移动端 Chrome 地址栏上移

[rabbbit]

大家都知道在移动端上划页面时,顶部的地址栏也会跟着上去.一般可以用如下样式固定地址栏:

html,body {
  height: 100%;
  overflow:hidden;
}

但是我发现在 chrome(android 73)下某些可滚动(overflow-y:scroll)的 fixed 元素依然可以触发地址栏上移.

.fixed-el {
  overflow-y: scroll;
  position: fixed;
}

更奇怪的是,如果给这个 fixed 加上 opactiy: 0.999, 则可以阻止地址栏的上移.
起初以为是因为 opactiy 生成了合成层,但是换成 translate3d 就没有效果.

.fixed-el {
  overflow-y: scroll;
  position: fixed;
  opactiy: 0.999;
}

问题:
1 为什么在外层(body,html)固定的情况下, 某些 fixed 元素(有样式 overflow-y: scroll)可以触发地址栏上移. 这是 feature 还是 bug?
2 如果是 feature 的话,为什么 opactiy 能阻止地址栏上移.

已解决,结贴

下面这两个样式也能解决这个问题
transform: translate3d(0,1px,0)
transform: translate3d(1px,0,0)

但是 transform: translate3d(0,0,1px)不行