[css] position:fixed;在ios下無效該怎么辦?
把需要用手滑動的內容用clss為.content(名字隨便起)的div包起來,樣式代碼如下:
.content {
position: fixed;
top: 0;
left: 0;
bottom: 180px; /距離底部的距離為底部盒子的高度,自己也可以設定/
overflow-y: scroll;
width: 100%;
height: auto;
-webkit-overflow-scrolling: touch; /這句是為了滑動更順暢/
}
-webkit-overflow-scrolling: touch; /這句是為了滑動更順暢/
這句代碼一定得寫,要不上下滑動起來有些卡頓,親自體驗過的,
然后把需要固定在底部的內容用class為.footer(名字隨便起)的div包起來,樣式代碼如下:
.footer {
position: fixed;
bottom: 0;
height: 180px;
}
這樣,在真機上再次測驗就沒有問題了,如有更好的解決辦法,希望大家互相交流,
個人簡介
我是歌謠,歡迎和大家一起交流前后端知識,放棄很容易,
但堅持一定很酷,歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/263863.html
標籤:其他
上一篇:Android——SharedPreferences
下一篇:吐槽檔案存盤&求教
