深刻研究-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; }