文章詳情頁

css3 - 頁面布局問題

瀏覽：148日期：2023-07-07 16:05:08

問題描述

在手機APP端如何設置頭和尾不變，當滑動中間的內容時頭和尾不會隨著滑動

問題解答

回答1：

position:fixed;

回答2：

除了position:fixed，不要忘了給body添加padding-top和padding-bottom來去除因為fixed產(chǎn)生的內容不正常顯示問題

回答3：

position:stickysticky polyfill: https://github.com/wilddeer/s...

回答4：

用position:fixed解決，然后body要添加padding-top，padding-bottom樣式，不然的話中間內容部分會有一部分被頭部尾部蓋住。

回答5：

position:fixed可以解決問題，但是安卓下會出現(xiàn)bug，完美的解決方案應該是避開fixed

<!DOCTYPE html><html><head> <title>布局</title> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <meta name='viewport' content='initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' /> <style type='text/css'>*{margin:0;padding:0;font-size: 2vw;color: #fff;}.top{ height: 50px; background: #f00; position: relative;}.mean{ height: auto; background: #095fb6; position: absolute; top: 50px; bottom:50px; left: 0; right: 0; overflow-x: hidden; overflow-y: auto;}.bottom{ height: 50px; background: #ccc; position: absolute; bottom: 0px; left: 0px; right: 0px;} </style></head><body> 我是文字 0000 我是文字</body></html>回答6：

大家說的都很好完美來學習的哈哈

CSS

上一條：web - css3 @keyframes用一次后面的任何樣式就解析不了了.下一條：css3 - selected添加 border???

相關文章：

1. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?2. javascript - 求解答：實例對象調用constructor，此時constructor內的this的指向？3. javascript - 如何將一個div始終固定在某個位置；無論屏幕和分辨率怎么變化；div位置始終不變4. python - 如何判斷爬蟲已經(jīng)成功登陸？5. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?6. javascript - 這不是對象字面量函數(shù)嗎？為什么要new初始化？7. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。8. javascript - 有什么比較好的網(wǎng)頁版shell前端組件？9. javascript - [js]為什么畫布里不出現(xiàn)圖片呢？在線等10. html - vue項目中用到了elementUI問題

排行榜

					
					docker gitlab 如何git clone？
docker內創(chuàng)建jenkins訪問另一個容器下的服務器問題
golang - 用IDE看docker源碼時的小問題
docker綁定了nginx端口 外部訪問不到
如何解決Centos下Docker服務啟動無響應，且輸入docker命令無響應？
javascript - 求解答：實例對象調用constructor，此時constructor內的this的指向？
javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。
java - 如何寫一個intellij-idea插件，實現(xiàn)編譯時修改源代碼的目的
IntelliJ IDEA無法解析導入javax.servlet。*;
WEB-INF / classes /與WEB-INF / lib / *。jar在類路徑優(yōu)先級？
javascript - 如何將一個div始終固定在某個位置；無論屏幕和分辨率怎么變化；div位置始終不變
				

熱門標簽

国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

css3 - 頁面布局問題