1.現(xiàn)象

可以看到下面兩張圖,圖1搜索框為fixed固定在頂部,滾動沒有任何問題。

圖2當(dāng)光標(biāo)進(jìn)入搜索框時,ios自作聰明的把光標(biāo)定位到中間,并且fixed屬性被自動修改成了absolute。此時注意滾動頁面的話,會發(fā)現(xiàn)原本fixed的搜索框跟著文檔一起滾動了。

再仔細(xì)觀察ios下的一些特點(diǎn),ios為了讓input垂直居中,甚至還滾動了滾動條,原本看不到的上半段產(chǎn)品的內(nèi)容也漏出來了。

電腦培訓(xùn),計算機(jī)培訓(xùn),平面設(shè)計培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)電腦培訓(xùn),計算機(jī)培訓(xùn),平面設(shè)計培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

 

2. 參考別人的解決方法

在網(wǎng)上搜索過后,大部分都是轉(zhuǎn)載的這一篇文章,甚至配圖都是拿別人原來的:

http://efe.baidu.com/blog/mobile-fixed-layout/

網(wǎng)友評論