欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android - WebVeiw输入法收回顶部留空白

程序员文章站 2022-06-06 22:04:33
说明: 今天测试红米手机时候,多点几次输入法后,收回输入法,webview顶部有空白。只有在4.4之前和部分低端机上才出现。 经过多次点击,其实网页已经回到顶部了,但是...

说明:

今天测试红米手机时候,多点几次输入法后,收回输入法,webview顶部有空白。只有在4.4之前和部分低端机上才出现。

经过多次点击,其实网页已经回到顶部了,但是界面没有重绘,测试是在页面底部加上了一个能点击的弹框,能点击。

解决办法:

1、起初的解决办法是想在webview外层套一层scrollview,但是谷歌的webview和scrollview超级不兼容,引出了其它一大堆问题,比如底部留白,滚动条加上等等,此方法不可行。

2、后来想到让前段来控制滚动和高度,但是不同手机的输入法的高度又不一样,并且前段控制增加了前段和客户端的代码量,并且其它网页加载网页中也要写入对应的兼容方法,结果只是针对几款快淘汰的手机,得不偿失。

最终解决:

在前段加上下面代码:

如果不能成功,有可能还有其他的css样式代码影响了网页,去取影响,下面的代码最终是亲测可行的:

 

#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;} 
}