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


最近在項目中 總是遇到一些奇奇怪怪的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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM