在一般的App，手機(jī)商城頁(yè)面中，都會(huì)有固定于屏幕底部的快捷導(dǎo)航。它是采用基于屏幕大小進(jìn)行固定定位的方法實(shí)現(xiàn)的，但是在手機(jī)使用輸入法時(shí)，輸入法會(huì)占用屏幕底部一部分位置，這是就回造成導(dǎo)航上浮，貼在輸入法上方，遮蓋頁(yè)面內(nèi)容，給瀏覽者造成極不好的使用體驗(yàn)。

關(guān)于這個(gè)問題方法：

我們根據(jù)輸入法改變頁(yè)面大小的原理進(jìn)行樣式調(diào)整。

我們先預(yù)設(shè)一個(gè)樣式

然后根據(jù)屏幕變化的原理給底部去添加或移除這個(gè)樣式。

這樣的輸入法打開時(shí)，會(huì)將底部置于內(nèi)容的最底部，就不會(huì)遮蓋內(nèi)容了。輸入法取消時(shí)底部回復(fù)原來的樣式。

但在iphon手機(jī)上還會(huì)出現(xiàn)另一個(gè)問題。iPhone手機(jī)的返回和前進(jìn)按鈕也是置于屏幕底部的，在內(nèi)容上下滑動(dòng)同樣會(huì)造成屏幕大小改變，類似輸入法打開與關(guān)閉。所以使用這種方法時(shí)會(huì)造成上下瀏覽頁(yè)面時(shí)，固定的底部導(dǎo)航也上下跳動(dòng)。

這里我們使用一個(gè)小技巧，利用輸入法于手機(jī)按鈕高度差的方法巧妙的避開這個(gè)問題。

一般的輸入法高度都會(huì)超過150px，iphon手機(jī)的返回按鈕一般100px左右。所以我們可以認(rèn)為當(dāng)屏幕高度的變化超過150px時(shí)即是輸入法打開了，所以去給底部導(dǎo)航添加預(yù)設(shè)樣式。