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;} }
下一篇: 数据库 触发器