問題出現在東鈿微信公眾號用戶注冊頁面 頁面中只有兩個輸入框 頁面沒有超過一屏，懸浮按鈕也要出現在本頁面 ，開始布局頁面的時候沒什么問題，然后我在我自己手機上測試 ，輸入手機號碼，非常奇怪的問題出現了，當輸入框獲取焦點 輸入第二個文字的頁面就全部隱藏，一開始在群里問了 ，然后別人也沒有出現這種情況，那我就悲催了 ，一個大神說可能是代碼問題，我檢查了代碼 看看有木有沒有閉合的，查了一通，最后還是百度找了一篇文章說 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

總結

以上是生活随笔為你收集整理的fixed 定位 苹果手机输入框触发时内容全部隐藏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。