首页 > 点击手机输入框,fixed属性的底部导航会跑到拼音键盘的上边?

点击手机输入框,fixed属性的底部导航会跑到拼音键盘的上边?

底部导航的nav 使用position:fiexd进行定位,点击网页中的一个文本框之后,拼音键盘弹出,nav就跑到拼音键盘的上边去了,这个有什么好的解决方法吗?


自己写一个在线输入法,input focus的时候阻止默认键盘弹起,出现自己的键盘。
然后输入框在自己在线输入法键盘的下面,这样,输入字的时候谁都不知道输入的是什么。

把在线输入法的键盘放到页面最上面就能避免了。

百度在线输入法 示例

http://shurufa.baidu.com/online.html


说明你的文本框布局需要调整


position:fiexd底部导航跑到键盘上不是很正常的逻辑吗
如果希望被键盘覆盖输入框获取焦点时把fiexd清理掉,失去焦点时在添加上去,或者使用position: absolute;算位置也可以


猜想,手机原生键盘不属于页面的一部分,键盘出现以后,页面相当于被缩短了,而已。该fixed在底部的东西,还是在页面底部。

【热门文章】
【热门文章】