虛擬鍵盤衝擊移動端fixed佈局的解決方案

在做移動端業務開發時，經常碰到fixed元素和輸入框同時存在的情況。在手機軟鍵盤喚起的情況下，會造成原本fixed定位的元素跟隨軟鍵盤而上浮，對整體佈局造成衝擊。來看這樣一個栗子直觀的感受一下這個bug。 問題描述： 開發一個創業板轉籤頁面，預期效果圖是這樣的。 紅色矩形區域爲使用fixed佈局的內容，其css代碼爲{width:100%;position:fixed;bottom:0;left:

>>阅读原文<<