深刻研究-webkit-overflow-scrolling:touch及ios滾動

想實現一個佈局爲header、main、bottom的佈局，其中頭部和底部經過fixed固定，中間部分經過滾動條滑動。 中間的main不設定位，高度100%，再padding頭部和尾部， 其中頭部和底部的定位設爲absolute會比設爲fixed體驗更好（何況fix佈局在移動端原本就有各類各樣的問題，仍是儘可能避開:) ）。

大體代碼以下，還是 overflow-y 和-webkit-overflow-scrolling，重點在於中間部分依照文本流佈局。

html, body { height: 100%; } main { padding: 50px 0; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; }