文章詳情頁

css3 - 頁面布局問題

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

問題描述

在手機APP端如何設(shè)置頭和尾不變，當(dāng)滑動中間的內(nèi)容時頭和尾不會隨著滑動

問題解答

回答1：

position:fixed;

回答2：

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

回答3：

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

回答4：

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

回答5：

position:fixed可以解決問題，但是安卓下會出現(xiàn)bug，完美的解決方案應(yīng)該是避開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：

大家說的都很好完美來學(xué)習(xí)的哈哈

CSS

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

相關(guān)文章：

1. boot2docker無法啟動2. docker-compose中volumes的問題3. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””4. docker容器呢SSH為什么連不通呢？5. java - SSH框架中寫分頁時service層中不能注入分頁類6. dockerfile - 為什么docker容器啟動不了？7. 關(guān)于docker下的nginx壓力測試8. node.js - antdesign怎么集合react-redux對input控件進行初始化賦值9. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.10. nignx - docker內(nèi)nginx 80端口被占用

排行榜

					
					boot2docker無法啟動
docker-compose中volumes的問題
關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””
node.js - antdesign怎么集合react-redux對input控件進行初始化賦值
docker安裝后出現(xiàn)Cannot connect to the Docker daemon.
關(guān)于docker下的nginx壓力測試
nignx - docker內(nèi)nginx 80端口被占用
docker容器呢SSH為什么連不通呢？
dockerfile - 為什么docker容器啟動不了？
java - SSH框架中寫分頁時service層中不能注入分頁類
docker - 如何修改運行中容器的配置
				

熱門標(biāo)簽

午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

css3 - 頁面布局問題