問(wèn)題出現(xiàn)在東鈿微信公眾號(hào)用戶(hù)注冊(cè)頁(yè)面 頁(yè)面中只有兩個(gè)輸入框 頁(yè)面沒(méi)有超過(guò)一屏，懸浮按鈕也要出現(xiàn)在本頁(yè)面 ，開(kāi)始布局頁(yè)面的時(shí)候沒(méi)什么問(wèn)題，然后我在我自己手機(jī)上測(cè)試 ，輸入手機(jī)號(hào)碼，非常奇怪的問(wèn)題出現(xiàn)了，當(dāng)輸入框獲取焦點(diǎn) 輸入第二個(gè)文字的頁(yè)面就全部隱藏，一開(kāi)始在群里問(wèn)了 ，然后別人也沒(méi)有出現(xiàn)這種情況，那我就悲催了 ，一個(gè)大神說(shuō)可能是代碼問(wèn)題，我檢查了代碼 看看有木有沒(méi)有閉合的，查了一通，最后還是百度找了一篇文章說(shuō) fixed定位會(huì)跟input textare有各種千奇百怪的問(wèn)題，于是我就靈機(jī)一動(dòng)。想到了解決辦法。就是當(dāng)input獲取焦點(diǎn)時(shí)，把fixed定位改成 static 失去焦點(diǎn)時(shí) 就改成fixed 這樣問(wèn)題解決了，代碼如下

//軟鍵盤(pán)遮掉輸入框處理方法
$("input").focus(function(){
var num = $(this).offset().top-header_h;
$("html,body").animate({scrollTop:num},800);
$(".taoplus").css("position","static"); //關(guān)鍵代碼

});
$("input").blur(function(){
$(".taoplus").css("position","fixed");?//關(guān)鍵代碼

})

?

這個(gè)也應(yīng)該是基礎(chǔ)問(wèn)題，經(jīng)驗(yàn)不足 ，就一直瞎折磨。找不到方法 ，這個(gè)要積累起來(lái)，牢記在心。不要忘記。fixed 與input共存的問(wèn)題。永遠(yuǎn)不要忘記。現(xiàn)在又是移動(dòng)的天下。這些問(wèn)題還是避免不了，而且必須解決的。所以碰到問(wèn)題還是要找到問(wèn)題根源。辦法總是有的。

好了，對(duì)自己說(shuō)再接再厲，前端grill。

轉(zhuǎn)載于:https://www.cnblogs.com/qiao20/p/5713742.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。