寫在前面： 目前團隊的項目是開發(fā)一個HybridApp混合app，這樣做的好處是只需一個前端就能完成一個App移動端多處終端（安卓，ios，pad，微信等）內(nèi)容的開發(fā)，生了很多人力物力，但是在開發(fā)的過程中發(fā)現(xiàn)ios端對某些html,css和js屬性會有兼容問題，當(dāng)遇到這些問題并且解決后，就來簡書寫一些博客來總結(jié)這些問題，也希望對遇到同樣問題的同學(xué)有所幫助

問題描述：position：fixed在android2.2以下（不包含2.2），ios是無效的，而position:absolute是沒有問題的，如果用動畫去解決，使用到css的transform的話，input，select等編輯框不會移動，還是在原來的位置上，所以建議在寫移動端的時候想要固定某個div避免使用position：fixed屬性，如果想要用動畫去模擬也要注意css3新屬性兼容問題，所以建議這時使用position:absolute屬性去模擬固定某個div。

解決方案：

image.png

固定圖中紅色方框時間選擇器,只需寫一下幾行css即可：

.calendar-choice {
     width: 100%;
    position: absolute;
    overflow-y: auto;
    z-index: 9999999;
    -webkit-overflow-scrolling: touch;
}

其實這里z-index屬性起到比較關(guān)鍵的左右，當(dāng)使用 position: absolute固定div是不要忘了加上z-index屬性