寫在前面： 目前團隊的項目是開發(fā)一個HybridApp混合app旗芬，這樣做的好處是只需一個前端就能完成一個App移動端多處終端（安卓纳击，ios，pad昧识，微信等）內(nèi)容的開發(fā)钠四，生了很多人力物力，但是在開發(fā)的過程中發(fā)現(xiàn)ios端對某些html,css和js屬性會有兼容問題跪楞，當遇到這些問題并且解決后缀去，就來簡書寫一些博客來總結(jié)這些問題，也希望對遇到同樣問題的同學有所幫助
問題描述：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)鍵的左右，當使用 position: absolute固定div是不要忘了加上z-index屬性
