大家都知道在移动端上划页面时,顶部的地址栏也会跟着上去.一般可以用如下样式固定地址栏:
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 能阻止地址栏上移.