最近在項目中 總是遇到一些奇奇怪怪的css樣式問題，在網上找了一大堆方法 都沒什麽用， 最後仔細思考了之後發現，並不是沒用，而是適應條件不一樣，話不多說直接進入主題。

假如你的項目需要滾動的地方上一層有很多個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>

關於position:fixed在ios上通用的解決方法