[關(guān)于position:fixed在ios上通用的解決方法]

最近在項目中 總是遇到一些奇奇怪怪的css樣式問題，在網(wǎng)上找了一大堆方法 都沒什么用， 最后仔細(xì)思考了之后發(fā)現(xiàn)，并不是沒用，而是適應(yīng)條件不一樣，話不多說直接進(jìn)入主題。

假如你的項目需要滾動的地方上一層有很多個div包著，并且也有position:fixed的div包著 還有一堆爛七八糟的css樣式，這時你想滾動的那個頁面本來是有頂部固定或者是底部固定，到后面都會隨著頁面一起滾動，在ios上會這樣，安卓卻不會，解決方法其實很簡單，把需要滾動的部分用一個div包起來 然后也fixed就可以了。

<div class='header'>頂部固定</div>

<div class='content-list'>

<ul>

<li>1212121</li>

.....

</ul>

</div>

<style>

.header{

position:fixed

top:0;

width:100%;

height:40px;

left:0;

right:0;

}

.content-list{

position:fixed;

top:40px;

width:100%;

overflow-y:auto;

left:0;

bottom:0;

right:0

}

</style>