fixed 定位 苹果手机输入框触发时内容全部隐藏

问题出现在东钿微信公众号用户注册页面 页面中只有两个输入框 页面没有超过一屏，悬浮按钮也要出现在本页面 ，开始布局页面的时候没什么问题，然后我在我自己手机上测试 ，输入手机号码，非常奇怪的问题出现了，当输入框获取焦点 输入第二个文字的页面就全部隐藏，一开始在群里问了 ，然后别人也没有出现这种情况，那我就悲催了 ，一个大神说可能是代码问题，我检查了代码 看看有木有没有闭合的，查了一通，最后还是百度找了一篇文章说 fixed定位会跟input textare有各种千奇百怪的问题，于是我就灵机一动。想到了解决办法。就是当input获取焦点时，把fixed定位改成 static 失去焦点时 就改成fixed 这样问题解决了，代码如下

//软键盘遮掉输入框处理方法
$("input").focus(function(){
var num = $(this).offset().top-header_h;
$("html,body").animate({scrollTop:num},800);
$(".taoplus").css("position","static"); //关键代码

});
$("input").blur(function(){
$(".taoplus").css("position","fixed"); //关键代码

})

 

这个也应该是基础问题，经验不足 ，就一直瞎折磨。找不到方法 ，这个要积累起来，牢记在心。不要忘记。fixed 与input共存的问题。永远不要忘记。现在又是移动的天下。这些问题还是避免不了，而且必须解决的。所以碰到问题还是要找到问题根源。办法总是有的。

好了，对自己说再接再厉，前端grill。

转载于:https://www.cnblogs.com/qiao20/p/5713742.html