0%

低版本安卓键盘收回顶部留白

在低版本安卓 webview (红米 4.4)中,在输入框被键盘顶起时,键盘收起后偶尔会导致顶部留白,并且只是视觉错位,元素实际位置正确,使用下面的样式可以解决

1
2
3
4
5
6
7
8
9
#scroller {
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
position:absolute;width: 100%;top:0px;bottom:0px;
right: 0px;left: 0px;
}

@media all and (-webkit-transform-3d){
#scroller{overflow-y: scroll;overflow-x:hidden;}

但是这样也会有问题,input 框不会被自动顶起,所以还是不继续兼容安卓4为好