移動端頁面開發，在輸入的部分，經常會遇到一個問題：輸入法彈出后將輸入框遮住。如果這時候，要模擬類似微信輸入界面的交互的話，就需要計算輸入法的高度，並且調整頁面視口的高度，或者將頁面滾動至輸入框的位置，將輸入框露出來。先不說如何准確地獲取輸入法的高度，個人認為這種方式實在是不得已而為之，實在不夠優雅。
由於最近正好關注這個問題，無意中看到以下頁面做的處理，感覺這個交互處理得非常棒。先看效果。
案例1：來自京東眾籌項目頁面。
看明白了嗎？點擊頁面底部輸入框的時候，彈出一個全屏的遮罩，展示一個更大的輸入框且將其置頂。剛才是在Chrome模擬器中的錄屏，再來看下手機端觸發輸入法的實際效果：
點評：這么做的好處是不僅給了用戶更大的發揮空間，同時也免去了去模擬原生界面的麻煩。
好的交互不一定要從別人那里學來，好的交互可以發揮技術的長處，更好地滿足用戶的需求。
當然，如果用戶輸入時，需要參看原先的內容，比如：答題類的頁面，用戶需要對着問題，輸入回答的文字，上面這種交互是不大適用的。