当前位置： 移动技术网 > IT编程>移动开发>Android > Android - WebVeiw输入法收回顶部留空白

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

2019年04月21日  | 移动技术网IT编程  | 我要评论

除夕夜作文,邹城论坛,男子跳轨换站台

说明：

今天测试红米手机时候，多点几次输入法后，收回输入法，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;} 
}

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网